<template>
	<div class="mine">
		<div class="box">
			<div class="hearderBox">
				<div class="hearderBoxIcon" @click="goBack">
					<img src="../../assets/images/fanhuijiantou.png" alt="" />
				</div>
				<!-- {{$t('indexTitle.title318')}} -->
				輪盤
			</div>
			<div class="proList">
				<img src="../../assets/images/1710916284653-24ii0g5s7i1.png" alt="" class="sImg1" />
				<img src="../../assets/images/o_1di4nsvan119d1bt859616ls73ea.png" alt="" class="sImg2"
					@click="showDom" />
				<!-- <img src="../../assets/images/1710916284654-66qoport6zd.png" alt="" class="sImg3" @click="showDom" /> -->
				<div class="pop">
					<LuckyWheel ref="myLucky" width="100vw" height="100vw" :prizes="prizes" :blocks="blocks"
						:buttons="buttons" :defaultStyle="defaultStyle" :defaultConfig="defaultConfig"
						@start="startCallback" @end="endCallback" />
					<img v-show="!imgend" src="@/assets/images/11403be522ed71950b9d.png" alt="" class="img00"
						@click="imgend = true" />
				</div>
			</div>
		</div>
		<el-drawer :visible.sync="drawer" direction="btt" :withHeader="false" :modal-append-to-body="false"
			class="drawerClass">
			<div class="active_mask">
				<div class="active_head">
					<ul class="ulpd">
						<li :class="type == 1 ? 'active ' : ''" @click="setType(1)">
							<!-- {{$t('indexTitle.title316')}} -->
							活动奖品
						</li>
						<li :class="type == 2 ? 'active ' : ''" @click="setType(2)">
							<!-- {{$t('indexTitle.title317')}} -->
							我的奖品
						</li>
					</ul>
				</div>
				<div id="activeCon" class="atxt" v-show="type == 1">
					<div class="rule_active_prize rule_active" priority="10">
						<ul class="rule_active_prize_content rule_active_content ulpd" v-if="ListOne.length > 0">
							<li v-for="(item, index) in ListOne" :key="index"
								class="rule_active_prize_bottom prizeLevel-8" :data-content="index + 1">
								<span class="rule_active_prize_level">{{ item.name }}</span>
								<span class="rule_active_prize_text">{{ item.money }}</span>
							</li>
						</ul>
						<el-empty v-else :image-size="100"></el-empty>
					</div>
				</div>
				<div id="activeCon" class="atxt afterNone" v-show="type == 2">
					<div class="rule_active_prize rule_active" priority="10">
						<ul class="rule_active_prize_content rule_active_content ulpd" v-if="setList.length > 0">
							<li v-for="(item, index) in setList" :key="index"
								class="rule_active_prize_bottom prizeLevel-8" :data-content="index + 1">
								<span class="rule_active_prize_level">我的奖品<!-- {{$t('indexTitle.title317')}} --></span>
								<span class="rule_active_prize_text">{{ item.describe }}</span>
							</li>
						</ul>
						<el-empty v-else :image-size="100"></el-empty>
					</div>
				</div>
			</div>
		</el-drawer>
		<div v-show="!imgend" class="pix" @click="imgend = true"></div>
		<loadingFour :msgText="msgTextTow" :isShowCloseBot="isShowCloseBot" v-if="isShowLoadingTeow"
			@closeGuanbiTow="closeGuanbi"></loadingFour>
	</div>
</template>

<script>
	import {
		userinfo,
		turn,
		turnGo,
		turn_record
	} from "../../utils/api.js";
	import blocksbg from "@/assets/images/1626944011951-7saq2qqaw1t.png";
	import blocksbg2 from "@/assets/images/1626944011959-g0b3mlarvnh.png";
	import line from "@/assets/images/1626943712099-7rm0lp3qu3h.png";
	import xx2 from "@/assets/images/xx2.png";
	import xx1 from "@/assets/images/xx1.png";
	import loadingFour from '../../components/loadingFour.vue';
	export default {
		components: {
			loadingFour
		},
		data() {
			return {
				imgend: true,
				type: 1,
				setList: [],
				ListOne: [],
				drawer: false,
				close: true,
				info: [],
				defaultConfig: {
					gutter: "2",
				},
				defaultStyle: {
					background: "#ff0000",
				},
				blocks: [{
						padding: "20px",
						background: "#b7a57a",
						imgs: [{
							rotate: true,
							src: blocksbg2,
							width: "100%",
							height: "100%"
						}, ],
					},
					{
						padding: "0px",
						background: "#b7a57a",
						imgs: [{
							rotate: true,
							src: blocksbg,
							width: "100%",
							height: "100%"
						}, ],
					},
				],
				prizes: [],
				buttons: [{
					radius: "40%",
					pointer: true,
					imgs: [{
							src: xx2,
							width: "60%",
							height: "60%",
							top: "-60%",
						},
						{
							src: xx1,
							width: "17px",
							height: "38px",
							top: "-100%",
						},
					],
				}, ],
				goBtn: true,
				msgTextTow: "",
				isShowLoadingTeow: false,
				isShowCloseBot: false,
			};
		},
		created() {},
		mounted() {
			this.getuserinfo();
			this.showList();
		},
		methods: {
			closeGuanbi(e) {
				this.isShowLoadingTeow = false;
			},
			setType(type) {
				this.type = type;
			},
			startCallback() {
				if (!this.goBtn) return;
				this.goBtn = false;
				const getLocalStorageItem = (key) => localStorage.getItem(key) || "";
				const proCode = getLocalStorageItem("proCode");
				const code = getLocalStorageItem("code");
				const gameType = getLocalStorageItem("gameType");
				if (this.goE === 1) {
					this.$refs.myLucky.play();
					turnGo({
							product_type: proCode,
							code,
							game_type: gameType
						})
						.then((res) => {
							if (res?.status?.errorCode === 0) {
								setTimeout(() => {
									this.$refs.myLucky.stop(res.data.index);
									this.getuserinfo();
									this.goBtn = true;
								}, 2500);
							}
						})
						.catch(() => {
							this.goBtn = true;
						});
				} else {
					this.goBtn = true;
					this.msgTextTow = "暂无次数";
					this.isShowLoadingTeow = true;
					this.isShowCloseBot = false;
					setTimeout(() => {
						this.isShowLoadingTeow = false;
					}, 2000)
					// this.$message({
					// 	showClose: true,
					// 	message: "暂无次数",
					// 	type: 'warning'
					// });
				}
			},
			endCallback(params) {
				this.msgTextTow = params.fonts[0].text;
				this.isShowLoadingTeow = true;
				this.isShowCloseBot = true;
				setTimeout(() => {
					this.isShowLoadingTeow = false;
				}, 2000)
				// this.$message({
				// 	showClose: true,
				// 	message: params.fonts[0].text,
				// 	type: 'success'
				// });
				let proCode = localStorage.getItem("proCode") || "";
				let code = localStorage.getItem("code") || "";
				let gameType = localStorage.getItem("gameType") || "";
				turn_record({
					product_type: proCode,
					code: code,
					game_type: gameType,
				}).then((res) => {
					this.setList = res.data.data;
				});
			},
			getuserinfo() {
				this.info = [];
				userinfo()
					.then((res) => {
						if (res.status.errorCode == 0) {
							this.info = res.data;
							if (res.data.zhuanpan > 0) {
								this.goE = 1;
							} else {
								this.goE = 0;
							}
						} else if (res.status.errorCode == 401) {
							// this.$message.error(res.status.msg);
							this.msgTextTow = res.status.msg;
							this.isShowLoadingTeow = true;
							this.isShowCloseBot = false;
							setTimeout(() => {
								this.isShowLoadingTeow = false;
							}, 2000)
							// this.$message({
							// 	showClose: true,
							// 	message: res.status.msg,
							// 	type: 'error'
							// });
						} else {
							// this.$message.error(res.status.msg);
							this.msgTextTow = res.status.msg;
							this.isShowLoadingTeow = true;
							this.isShowCloseBot = false;
							setTimeout(() => {
								this.isShowLoadingTeow = false;
							}, 2000)
							// this.$message({
							// 	showClose: true,
							// 	message: res.status.msg,
							// 	type: 'error'
							// });
						}
					})
					.catch((err) => {
						console.log(err, "err");
					});
			},
			loginOut() {
				localStorage.removeItem('token');
				localStorage.removeItem('siteTitle');
				localStorage.removeItem('siteIco');
				if (localStorage.getItem('languageTow')) {
					localStorage.removeItem('languageTow');
				}
				if (localStorage.getItem('language')) {
					localStorage.removeItem('language');
				}
				if (localStorage.getItem('userInfo')) {
					localStorage.removeItem('userInfo');
				}
				// window.location.reload()
				this.$router.push("/login");
			},
			goNextPage(page) {
				this.$router.push(page);
			},
			goBack() {
				this.$router.push("/mine");
			},
			async showList() {
				const proCode = localStorage.getItem("proCode") || "";
				const code = localStorage.getItem("code") || "";
				const gameType = localStorage.getItem("gameType") || "";
				try {
					const res = await turn({
						product_type: proCode,
						code: code,
						game_type: gameType,
					});
					this.ListOne = res.data.data;
					const tArr = this.ListOne.map((element) => ({
						background: "rgba(0,0,0,.1)",
						fonts: [{
							text: element.name,
							top: "70%",
							fontColor: "#e7ce94",
							fontSize: "12px",
						}, ],
						imgs: [{
							src: element.image,
							width: "40",
							height: "40",
							top: "20%",
						}, ],
					}));
					this.prizes = tArr;
				} catch (error) {
					console.error("Error fetching data:", error);
				}
			},
			async showDom() {
				const {
					proCode = "",
						code = "",
						gameType = "",
				} = {
					proCode: localStorage.getItem("proCode"),
					code: localStorage.getItem("code"),
					gameType: localStorage.getItem("gameType"),
				};
				try {
					const res = await turn_record({
						product_type: proCode,
						code: code,
						game_type: gameType,
					});
					this.setList = res.data.data;
				} catch (error) {
					console.error("Error fetching data:", error);
				}

				this.drawer = true;
			},
		},
	};
</script>

<style scoped>
	/*.afterNone li::before{background: none !important; content: attr(data-content)!important;}*/
	.pop {
		position: relative;
	}

	.sImg3 {
		position: fixed;
		right: 1.333333vw;
		top: calc(env(safe-area-inset-top) + 2.8rem);
		z-index: 10;
		width: 16vw;
	}

	.sImg2 {
		position: fixed;
		bottom: 2.666667vw;
		right: 1.333333vw;
		z-index: 10;
		width: 16vw;
		animation: cssOease 4s ease-in-out infinite;
		-webkit-animation: cssOease 4s ease-in-out infinite;
	}

	@-webkit-keyframes cssOease {
		0% {
			-webkit-transform: none;
			transform: none;
		}

		5% {
			-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
			transform: translate3d(-25%, 0, 0) rotate(-5deg);
		}

		10% {
			-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
			transform: translate3d(20%, 0, 0) rotate(3deg);
		}

		15% {
			-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
			transform: translate3d(-15%, 0, 0) rotate(-3deg);
		}

		20% {
			-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
			transform: translate3d(10%, 0, 0) rotate(2deg);
		}

		25% {
			-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
			transform: translate3d(-5%, 0, 0) rotate(-1deg);
		}

		30% {
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes cssOease {
		0% {
			-webkit-transform: none;
			transform: none;
		}

		5% {
			-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
			transform: translate3d(-25%, 0, 0) rotate(-5deg);
		}

		10% {
			-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
			transform: translate3d(20%, 0, 0) rotate(3deg);
		}

		15% {
			-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
			transform: translate3d(-15%, 0, 0) rotate(-3deg);
		}

		20% {
			-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
			transform: translate3d(10%, 0, 0) rotate(2deg);
		}

		25% {
			-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
			transform: translate3d(-5%, 0, 0) rotate(-1deg);
		}

		30% {
			-webkit-transform: none;
			transform: none;
		}
	}

	.sImg1 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 15px;
	}

	* {
		box-sizing: border-box;
	}

	.mine {
		height: 90vh;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: calc(constant(safe-area-inset-top) + 0px);
		padding-top: calc(env(safe-area-inset-top) + 0px);
		padding-bottom: calc(constant(safe-area-inset-bottom) + 0px);
		padding-bottom: calc(env(safe-area-inset-bottom) + 0px);
		box-sizing: border-box;
		position: fixed;
		z-index: 1;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}

	.box {
		background-color: #504e8f;
		display: flex;
		width: 100%;
		flex-direction: column;
		/* min-height: 100vh; */
	}

	.buttons {
		position: fixed;
		bottom: 10%;
		right: 10px;
		background-color: #99d2e3;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.buttons img {
		width: 32px;
		height: 32px;
	}

	.hearderBox {
		width: 100%;
		height: 45px;
		background-color: #fff;
		position: fixed;
		top: 0;
		font-weight: 300;
		line-height: 45px;
		text-align: center;
		font-size: 20px;
		color: #545658;
		box-shadow: inset 0 -1px 0 #ececec;
		left: 0;
		overflow: hidden;
		z-index: 99;
	}

	.hearderBoxIcon {
		width: 50px;
		position: fixed;
		top: 3px;
		left: 0px;
	}

	.hearderBoxIcon img {
		width: 20px;
		height: 20px;
	}

	.proList {
		width: 100%;

		box-sizing: border-box;
		margin-top: 50px;
		background: url(../../assets/images/1626943712098-8sa84u4fd6b.png);
		background-repeat: no-repeat;
		background-size: cover;
		box-sizing: border-box;
		height: calc(100vh - 50px);
	}

	.BriBox {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.proListItBottext {
		color: #5235ff;
	}

	.BriBoxright img {
		width: 20px;
		height: 23px;
		transform: rotate(180deg);
	}

	.erweimaBox {
		width: 100%;
		padding: 5px 20px 15px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.erweimaBoxLeft img {
		width: 70px;
		height: 70px;
		margin-top: 4px;
	}

	.erweimaBoxrightd {
		align-items: center;
		background-color: #fbfbfb;
		border: 1px solid #5235ff;
		border-radius: 5px;
		color: #5235ff;
		cursor: pointer;
		display: flex;
		font-size: 14px;
		justify-content: center;
		margin: 10px 0;
		min-height: 30px;
		padding: 2px 30px;
		box-sizing: border-box;
	}

	.erweimaBoxrightd img {
		width: 20px;
		height: 20px;
	}

	.navsBox {
		padding: 20px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		background-color: #fff;
		justify-content: space-between;
	}

	.navsBoxIt {
		width: 30%;
		height: 110px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background-color: #fbfbfb;
		font-size: 14px;
		line-height: 1.2;
		color: #545658;
	}

	.navsBoxIt img {
		width: 62px;
		height: 62px;
	}

	.tuanduoBXO {
		padding: 20px;
		box-sizing: border-box;
		background-color: #fff;
	}

	.tuanduoBXOwsd {
		width: 100%;
		border-radius: 5px;
		padding: 10px 15px;
		background-color: #fbfbfb;
	}

	.tuanduiListIt {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 6px 0;
		border-bottom: 1px solid #e9e9e9;
	}

	.tuanduiListItTow {
		border-bottom: none;
	}

	.tuanduiListItL {
		color: #545658;
		font-size: 14px;
		font-weight: 300;
		opacity: 0.7;
	}

	.tuanduiListItR {
		color: #545658;
		font-size: 16px;
		font-weight: 500;
	}

	.tuiguangBox {
		width: 100%;
		text-align: center;
		margin: 30px 0;
		font-size: 18px;
		color: #777;
		font-weight: 300;
		margin-bottom: 15px;
	}

	.jiangjinBox {
		width: 100%;
		text-align: center;
		margin: 5px 0;
		color: #5235ff;
		font-size: 28px;
		font-weight: 300;
		margin-bottom: 15px;
	}

	.xiaxianBox {
		width: 100%;
		text-align: center;
		font-size: 14px;
		margin-bottom: 10px;
		margin: 5px 0;
		color: #777;
		font-weight: 300;
	}

	.xiaxianBox span {
		color: #5235ff;
	}

	.edafae {
		display: flex;
		justify-content: center;
	}

	.lineInputBox {
		-webkit-appearance: none;
		background-color: #fbfbfb;
		height: 25px;
		width: 75%;
	}

	/*横条样式*/
	.lineInputBox {
		-webkit-appearance: none;
		/*清除系统默认样式*/
		width: 85%;
		background: -webkit-linear-gradient(#c8bffc, #c8bffc) no-repeat, #c8bffc;
		/*设置左边颜色为#61bd12，右边颜色为#ddd*/
		background-size: 75% 100%;
		/*设置左右宽度比例*/
		height: 3px;
		/*横条的高度*/
	}

	/*拖动块的样式*/
	.lineInputBox::-webkit-slider-thumb {
		-webkit-appearance: none;
		/*清除系统默认样式*/
		height: 15px;
		/*拖动块高度*/
		width: 15px;
		/*拖动块宽度*/
		background: #5235ff;
		/*拖动块背景*/
		border-radius: 50%;
		/*外观设置为圆形*/
	}

	.active_mask {
		/* background-color: rgba(0,0,0,.5); */
		/* height: 100%; */
		/* left: 0; */
		/* position: absolute; */
		/* top: 0; */
		width: 100%;
		z-index: 88;
		overflow: hidden;
	}

	.active_mask .active_box {
		background-color: #fff;
		border-radius: 40px 40px 0 0;
		height: calc(100% - 68px);
		left: 0;
		padding: 0 40px;
		position: absolute;
		top: 1600px;
	}

	.active_mask .active_box,
	.active_mask .active_head {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}

	.active_mask .active_head {
		border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
	}

	.active_mask .active_head ul {
		-webkit-box-pack: left;
		-ms-flex-pack: left;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: left;
		justify-content: left;
		width: 650px;
	}

	.active_mask .active_head ul li {
		color: #5c6c8a;
		cursor: pointer;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
		font-size: 16px;
		font-weight: 400;
		height: 30px;
		line-height: 20px;
		margin-right: 24px;
		margin-top: 20px;
		position: relative;
		text-align: center;
		white-space: nowrap;
	}

	.active_mask li.active span {
		color: #111;
		font-family: Helvetica, PingFang SC, Arial, Verdana, Tahoma, sans-serif;
		font-size: 32px;
		font-weight: 700;
		line-height: 40px;
	}

	.active_mask li.active .space {
		background-color: #2193ff;
		border-radius: 4px;
		bottom: 0;
		display: inline-block;
		height: 8px;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 40px;
	}

	.active_mask .close_btn {
		position: absolute;
		right: 35px;
		top: 12px;
	}

	.active_mask .close_btn:before {
		color: #666;
		content: "\00D7";
		font-size: 40px;
		height: 20px;
		width: 20px;
	}

	.pix {
		background: rgba(0, 0, 0, 0.75);
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 98;
		display: flex;
		align-items: flex-end;
	}

	.img00 {
		width: 91%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		top: 38%;
		left: 53%;
		z-index: 99999999999;
		transform: translate(-50%, -50%);
	}

	.atxt {
		max-height: 660px;
		overflow-y: auto;
	}

	#activeCon .rule_active .rule_active_prize_content li {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		background: -webkit-gradient(linear,
				left top,
				right top,
				from(rgba(246, 248, 254, 0.1)),
				color-stop(43%, rgba(240, 241, 246, 0.49)),
				to(#f5f5f5));
		background: -o-linear-gradient(left,
				rgba(246, 248, 254, 0.1) 0,
				rgba(240, 241, 246, 0.49) 43%,
				#f5f5f5 100%);
		background: linear-gradient(90deg,
				rgba(246, 248, 254, 0.1),
				rgba(240, 241, 246, 0.49) 43%,
				#f5f5f5);
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 14px 12px 14px 33px;
		position: relative;
	}

	#activeCon .rule_active .rule_active_prize_content li .rule_active_prize_level {
		text-align: left;
		width: 114px;
		word-break: break-all;
	}

	#activeCon .rule_active .rule_active_prize_content li .rule_active_prize_text {
		text-align: right;
		width: 168px;
		word-break: break-all;
	}

	#activeCon .rule_active .rule_active_prize_content li:before {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		color: #666;
		content: attr(data-content);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 14px;
		height: 100%;
		-webkit-justify-content: center;
		justify-content: center;
		left: 0;
		position: absolute;
		top: 0px;
		width: 21px;
	}

	li {
		outline: none;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
	}

	#activeCon .rule_active .rule_active_prize_content li:first-of-type {
		background: -webkit-gradient(linear,
				left top,
				right top,
				from(hsla(0, 100%, 99%, 0.2)),
				color-stop(36%, #fee),
				to(#ffe7e7));
		background: -o-linear-gradient(left,
				hsla(0, 100%, 99%, 0.2) 0,
				#fee 36%,
				#ffe7e7 100%);
		background: linear-gradient(90deg,
				hsla(0, 100%, 99%, 0.2),
				#fee 36%,
				#ffe7e7);
	}

	#activeCon .rule_active .rule_active_prize_content li:first-of-type:before {
		background-image: url();
		background-repeat: no-repeat;
		content: "";
		height: 27px;
		left: 0;
		position: absolute;
		top: 14px;
		width: 21px;
		background-size: 100% 100%;
	}

	#activeCon .rule_active .rule_active_prize_content li:nth-of-type(2) {
		background: -webkit-gradient(linear,
				left top,
				right top,
				from(rgba(255, 248, 207, 0.1)),
				color-stop(36%, #fff9db),
				to(#ffefa8));
		background: -o-linear-gradient(left,
				rgba(255, 248, 207, 0.1) 0,
				#fff9db 36%,
				#ffefa8 100%);
		background: linear-gradient(90deg,
				rgba(255, 248, 207, 0.1),
				#fff9db 36%,
				#ffefa8);
	}

	#activeCon .rule_active .rule_active_prize_content li:nth-of-type(2):before {
		background-image: url();
		background-repeat: no-repeat;
		content: "";
		height: 27px;
		left: 0;
		position: absolute;
		top: 14px;
		width: 21px;
		background-size: 100% 100%;
	}

	#activeCon .rule_active .rule_active_prize_content li:nth-of-type(3) {
		background: -webkit-gradient(linear,
				left top,
				right top,
				from(rgba(246, 248, 254, 0.1)),
				color-stop(36%, #f4f8fe),
				to(#eef4fe));
		background: -o-linear-gradient(left,
				rgba(246, 248, 254, 0.1) 0,
				#f4f8fe 36%,
				#eef4fe 100%);
		background: linear-gradient(90deg,
				rgba(246, 248, 254, 0.1),
				#f4f8fe 36%,
				#eef4fe);
	}

	#activeCon .rule_active .rule_active_prize_content li:nth-of-type(3):before {
		background-image: url();
		background-repeat: no-repeat;
		content: "";
		height: 27px;
		left: 0;
		position: absolute;
		top: 14px;
		width: 21px;
		background-size: 100% 100%;
	}

	#activeCon .rule_active .rule_active_prize_content .rule_active_prize_bottom {
		margin-bottom: 5px;
	}

	#activeCon .rule_active .rule_active_friend_content span {
		color: #1261ff;
	}

	#activeCon .rule_active .rule_active_description,
	#activeCon .rule_active .rule_active_time {
		width: 650px;
	}

	#activeCon .rule_active .color666 {
		color: #666;
	}

	#activeCon .rule_active .lineHeight40 {
		line-height: 40px;
	}

	#activeCon .rule_active .color126 {
		color: #1261ff;
	}

	#activeCon .prize_list_back {
		border: 10px solid #ddd;
		border-radius: 8px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 220px;
		margin-bottom: 20px;
		padding-left: 32px;
		position: relative;
		width: 662px;
	}

	#activeCon .prize_list_back h1 {
		font-size: 26px;
		margin: 28px 0 12px;
	}

	#activeCon .prize_list_back h2 {
		font-size: 32px;
		font-weight: 700;
		margin-bottom: 28px;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 280px;
	}

	#activeCon .prize_list_back p {
		font-size: 24px;
	}

	#activeCon .prize_list_yes_1 {
		background-color: #fffbe6;
		border-color: #fbe5b1;
	}

	#activeCon .prize_list_yes_1 h1 {
		color: #ca6a0c;
	}

	#activeCon .prize_list_yes_1 h2 {
		color: #d8373f;
	}

	#activeCon .prize_list_yes_1 p {
		color: #999;
	}

	#activeCon .prize_list_yes_1:before {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		border-radius: 32px;
		color: #af3006;
		content: "åŽ»å…‘å¥–";
		font-size: 25px;
		font-weight: 400px;
		height: 64px;
		line-height: 64px;
		position: absolute;
		right: 24px;
		text-align: center;
		top: 68px;
		width: 160px;
	}

	#activeCon .prize_list_yes_2 {
		background-color: #fffbe6;
		border-color: #fbe5b1;
	}

	#activeCon .prize_list_yes_2 h1 {
		color: #ca6a0c;
	}

	#activeCon .prize_list_yes_2 h2 {
		color: #d8373f;
	}

	#activeCon .prize_list_yes_2 p {
		color: #999;
	}

	#activeCon .prize_list_yes_2:before {
		background: url() no-repeat;
		bottom: 0;
		content: "";
		height: 110px;
		position: absolute;
		right: 0;
		width: 128px;
	}

	#activeCon .prize_list_no {
		background-color: #f3f4f5;
		border-color: #e3e3e8;
		color: #999;
	}

	#activeCon .prize_list_no:before {
		background: url() no-repeat;
		bottom: 0;
		content: "";
		height: 110px;
		position: absolute;
		right: 0;
		width: 128px;
	}

	#activeCon .prize_list_none {
		background: url(//www.eqxiu.com/gc/images/98307b8fea26106d7ca4.png) 50% no-repeat;
		color: #999;
		font-size: 30px;
		height: 258px;
		padding-top: 418px;
		text-align: center;
	}

	#activeCon .team_container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#activeCon .team_container .tab_container {
		margin-bottom: 48px;
	}

	#activeCon .team_container .tab_container .tab {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		color: #111;
		cursor: pointer;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		font-family: Helvetica, PingFang SC, Arial, Verdana, Tahoma, sans-serif;
		font-size: 32px;
		font-weight: 500;
		-webkit-justify-content: center;
		justify-content: center;
		line-height: 40px;
		margin-right: 32px;
	}

	#activeCon .team_container .tab_container .tab.active:after {
		background: #1261ff;
		border-radius: 2px;
		content: "";
		height: 8px;
		margin-top: 16px;
		width: 48px;
	}

	#activeCon .team_container .team_detail_container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
	}

	#activeCon .team_container .team_detail_container,
	#activeCon .team_container .team_detail_container .members_container {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	#activeCon .team_container .team_detail_container .members_container {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	#activeCon .team_container .team_detail_container .members_container .member {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 48px;
		margin-right: 52px;
		position: relative;
	}

	#activeCon .team_container .team_detail_container .members_container .member:nth-child(3n + 3) {
		margin-right: 0;
	}

	#activeCon .team_container .team_detail_container .members_container .member .flag_container {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #fff;
		border-radius: 24px;
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
		color: #1261ff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 48px;
		-webkit-justify-content: center;
		justify-content: center;
		left: 112px;
		position: absolute;
		top: 112px;
		width: 48px;
	}

	#activeCon .team_container .team_detail_container .members_container .member .head-img,
	#activeCon .team_container .team_detail_container .members_container .member .no_member,
	#activeCon .team_container .team_detail_container .members_container .member img {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #f0f2f8;
		border-radius: 80px;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		font-size: 40px;
		height: 160px;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 20px;
		width: 160px;
	}

	#activeCon .team_container .team_detail_container .members_container .member .head-img {
		background: #cadcff;
		color: #fff;
	}

	#activeCon .team_container .team_detail_container .members_container .member .member_name {
		color: #111;
		display: block;
		font-family: Helvetica, PingFang SC, Arial, Verdana, Tahoma, sans-serif;
		font-size: 32px;
		font-weight: 500;
		height: 44px;
		line-height: 44px;
		overflow: hidden;
		text-align: center;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 188px;
	}

	#activeCon .team_container .team_detail_container .invite_btn {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #1261ff;
		border-radius: 48px;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 32px;
		font-weight: 500;
		height: 96px;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 50px;
		width: 400px;
	}

	#activeCon .team_container .team_detail_container .success_tip {
		color: #999;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
		font-size: 26px;
		font-weight: 400;
		height: 20px;
		line-height: 20px;
		margin-top: 48px;
	}

	#activeCon .team_container .team_detail_container .empty_team {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
	}

	#activeCon .team_container .team_detail_container .empty_team img {
		height: 400px;
		margin-top: 106px;
		width: 480px;
	}

	#activeCon .team_container .team_detail_container .empty_team span {
		color: #111;
		font-size: 40px;
		font-weight: 500;
		height: 56px;
		line-height: 56px;
		margin-top: 40px;
		width: 160px;
	}

	#activeCon .team_container .team_detail_container .create_team_btn {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #1261ff;
		border-radius: 48px;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-family: Helvetica, PingFang SC, Arial, Verdana, Tahoma, sans-serif;
		font-size: 32px;
		font-weight: 500;
		height: 96px;
		-webkit-justify-content: center;
		justify-content: center;
		line-height: 44px;
		margin-top: 40px;
		width: 400px;
	}

	.rank_list_none {
		background: url(//www.eqxiu.com/gc/images/98307b8fea26106d7ca4.png) 50% no-repeat;
		color: #999;
		font-size: 30px;
		height: 258px;
		padding-top: 418px;
		text-align: center;
	}

	.rank_list_yes .rank_title {
		background-color: #fffbe9;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #999;
		font-size: 26px;
		height: 64px;
		line-height: 64px;
		padding-left: 19px;
		text-align: left;
	}

	.rank_list_yes .rank_list {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-align-items: center;
		align-items: center;
		color: #666;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 30px;
		height: 96px;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		line-height: 96px;
	}

	.rank_list_yes .rank_list .rank_item {
		text-align: center;
	}

	.rank_list_yes .rank_list .rank_list_title {
		color: #333;
	}

	.rank_list_yes .rank_list .rank_num {
		background-repeat: no-repeat;
		height: 44px;
		line-height: 44px;
		text-align: left;
		width: 15%;
	}

	.rank_list_yes .rank_list .rank_num_1 {
		background-image: url();
	}

	.rank_list_yes .rank_list .rank_num_2 {
		background-image: url();
	}

	.rank_list_yes .rank_list .rank_num_3 {
		background-image: url();
	}

	.rank_list_yes .rank_list .rank_pic {
		overflow: hidden;
		width: 30%;
	}

	.rank_list_yes .rank_list .rank_pic .rank_pic_item {
		height: 60px;
		margin: 5px auto;
		width: 60px;
	}

	.rank_list_yes .rank_list .rank_pic .rank_pic_item img {
		border-radius: 30px;
		height: 100%;
		width: 100%;
	}

	.rank_list_yes .rank_list .rank_nick {
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 216px;
	}

	.rank_list_yes .rank_list .rank_score {
		text-align: right;
		width: 24%;
	}

	.rank_list_yes .rank_list .rank_list_score {
		font-size: 32px;
	}

	.rank_list_yes .rank_list_cur {
		color: #fbb23d;
	}

	.rank_list_yes .rank_list_down {
		margin-bottom: 30px;
	}

	.rule-ad-ct {
		border-radius: 8px;
		bottom: 78px;
		-webkit-box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05),
			0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
		box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05),
			0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
		height: 200px;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 640px;
		z-index: 1;
	}

	.team-invite-tip {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-align-items: center;
		align-items: center;
		-webkit-animation: heart-top 0.5s linear infinite alternate;
		animation: heart-top 0.5s linear infinite alternate;
		background-color: #fff;
		border-radius: 9px;
		-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
		color: #000;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 30px;
		font-weight: 400;
		height: 84px;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		line-height: 84px;
		padding: 0 23px;
		position: absolute;
		right: 8px;
		top: 37px;
		z-index: 999;
	}

	.team-invite-tip .before {
		background: transparent;
		border: 18px solid transparent;
		border-bottom-color: #fff;
		position: absolute;
		right: 28px;
		top: -34px;
	}

	.team-invite-tip .eqf-no {
		font-size: 40px;
		margin-left: 16px;
	}

	.prizePrompt {
		background: rgba(0, 0, 0, 0.9);
		height: 100%;
		width: 750px;
	}

	.prizePrompt .prizePrompt-content {
		background: #fff;
		border-radius: 24px;
		height: 840px;
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 630px;
	}

	.prizePrompt .prizePrompt-content .closeIcon {
		color: #666;
		font-size: 40px;
		position: absolute;
		right: 32px;
		top: 32px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-title {
		height: 170px;
		left: 50%;
		position: absolute;
		text-align: center;
		top: -103px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 590px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-title img {
		height: 170px;
		-o-object-fit: cover;
		object-fit: cover;
		width: 390px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-title h4 {
		color: #fff;
		font-size: 38px;
		font-weight: 900;
		height: 100%;
		left: 0;
		line-height: 155px;
		position: absolute;
		text-align: center;
		top: 6px;
		width: 100%;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-detail {
		background: #fffbe9;
		border-radius: 8px;
		height: 240px;
		margin: 123px auto 71px;
		position: relative;
		width: 530px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-detail .prizePrompt-detail-head {
		background-color: #ddd;
		border-radius: 46px;
		height: 92px;
		left: 50%;
		margin-left: -46px;
		position: absolute;
		top: -52px;
		width: 92px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-detail .prizePrompt-detail-head img {
		border-radius: 50%;
		height: 100%;
		width: 100%;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-detail .prizePrompt-detail-title {
		color: #333;
		font-size: 28px;
		font-weight: 400;
		margin-bottom: 32px;
		padding-top: 72px;
		text-align: center;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-detail .prizePrompt-detail-text {
		color: #d8373f;
		font-size: 34px;
		font-weight: 500;
		margin: 0 auto;
		text-align: center;
		width: 450px;
		word-break: break-all;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-btns {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin: 0 auto;
		width: 530px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation-none {
		display: none;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation,
	.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-lookDetail {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		border-radius: 48px;
		color: #af3006;
		font-size: 34px;
		font-weight: 500;
		height: 96px;
		line-height: 96px;
		margin-bottom: 16px;
		text-align: center;
		width: 530px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-again,
	.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-pay {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#00c2ff),
				to(#2193ff));
		background: -o-linear-gradient(top, #00c2ff 0, #2193ff 100%);
		background: linear-gradient(180deg, #00c2ff, #2193ff);
		border-radius: 45px;
		color: #fff;
		font-size: 30px;
		font-weight: 500;
		height: 88px;
		line-height: 88px;
		overflow: hidden;
		text-align: center;
		width: 257px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation+.prizePrompt-btns-lookDetail {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#00c2ff),
				to(#2193ff));
		background: -o-linear-gradient(top, #00c2ff 0, #2193ff 100%);
		background: linear-gradient(180deg, #00c2ff, #2193ff);
		border-radius: 48px;
		color: #fff;
		font-size: 34px;
		font-weight: 500;
		height: 96px;
		line-height: 96px;
		margin-bottom: 16px;
		text-align: center;
		width: 530px;
	}

	.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation+.prizePrompt-btns-lookDetail+.prizePrompt-btns-again,
	.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation+.prizePrompt-btns-lookDetail+.prizePrompt-btns-again+.prizePrompt-btns-pay {
		background: transparent;
		border-radius: 45px;
		color: #1261ff;
		font-size: 30px;
		font-weight: 500;
		height: 88px;
		line-height: 88px;
		overflow: hidden;
		text-align: center;
		width: 257px;
	}

	.prizePrompt .prizePrompt-content #prize-prompt-ad {
		height: 160px;
		margin: 20px auto 0;
		width: 530px;
	}

	.prizePrompt .prizePrompt-btn-create {
		bottom: 66px;
		height: 90px;
		line-height: 90px;
		position: absolute;
		text-align: center;
		width: 750px;
	}

	.prizePromptNo {
		background: rgba(0, 0, 0, 0.9);
		height: 100%;
		width: 750px;
	}

	.prizePromptNo .prizePromptNo-content {
		background: #fff;
		border-radius: 24px;
		height: 825px;
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 630px;
	}

	.prizePromptNo .prizePromptNo-content .closeIcon {
		color: #666;
		font-size: 40px;
		position: absolute;
		right: 32px;
		top: 32px;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-title {
		height: 170px;
		left: 50%;
		position: absolute;
		text-align: center;
		top: -103px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 590px;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-title img {
		height: 170px;
		-o-object-fit: cover;
		object-fit: cover;
		width: 390px;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-title h4 {
		color: #fff;
		font-size: 38px;
		font-weight: 900;
		height: 100%;
		left: 0;
		line-height: 165px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-detail {
		background: #f3f4f5;
		border-radius: 8px;
		height: 240px;
		margin: 123px auto 59px;
		position: relative;
		width: 530px;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-detail .prizePromptNo-detail-head {
		background-color: #ddd;
		border-radius: 46px;
		height: 92px;
		left: 50%;
		margin-left: -46px;
		position: absolute;
		top: -52px;
		width: 92px;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-detail .prizePromptNo-detail-head img {
		border-radius: 50%;
		height: 100%;
		width: 100%;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-detail .prizePromptNo-detail-title {
		color: #666;
		font-size: 28px;
		font-weight: 400;
		margin-bottom: 32px;
		padding-top: 72px;
		text-align: center;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-detail .prizePromptNo-detail-text {
		color: #666;
		font-size: 34px;
		font-weight: 500;
		margin: 0 auto;
		text-align: center;
		width: 450px;
		word-break: break-all;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-btns {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin: 0 auto;
		width: 530px;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePromptNo-btns-again,
	.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePromptNo-btns-pay {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#00c2ff),
				to(#2193ff));
		background: -o-linear-gradient(top, #00c2ff 0, #2193ff 100%);
		background: linear-gradient(180deg, #00c2ff, #2193ff);
		border-radius: 45px;
		color: #fff;
		font-size: 30px;
		font-weight: 500;
		height: 88px;
		line-height: 88px;
		text-align: center;
		width: 257px;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePromptNo-btns-pay {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#fd6),
				to(#ffc757));
		background: -o-linear-gradient(top, #fd6 0, #ffc757 100%);
		background: linear-gradient(180deg, #fd6, #ffc757);
		color: #af3006;
		overflow: hidden;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePrompt-btns-invitation {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		border-radius: 48px;
		color: #af3006;
		font-size: 34px;
		font-weight: 500;
		height: 96px;
		line-height: 96px;
		margin-bottom: 16px;
		text-align: center;
		width: 530px;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePrompt-btns-invitation-none {
		display: none;
	}

	.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePrompt-btns-invitation+.prizePromptNo-btns-again,
	.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePrompt-btns-invitation+.prizePromptNo-btns-again+.prizePromptNo-btns-pay {
		background: transparent;
		border-radius: 45px;
		color: #1261ff;
		font-size: 30px;
		font-weight: 500;
		height: 88px;
		line-height: 88px;
		text-align: center;
		width: 257px;
	}

	.prizePromptNo .prizePromptNo-content #no-prize {
		background: #f5f5f5;
		border-radius: 24px;
		height: 160px;
		margin: 20px auto 0;
		width: 530px;
	}

	.prizePromptNo .prizePromptNo-btn-create {
		bottom: 66px;
		height: 90px;
		line-height: 90px;
		position: absolute;
		text-align: center;
		width: 750px;
	}

	.gameSuc {
		background: rgba(0, 0, 0, 0.9);
		height: 100%;
		width: 750px;
	}

	.gameSuc .gameSuc-content {
		background: #0090ff;
		border-radius: 24px;
		height: 872px;
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 630px;
	}

	.gameSuc .gameSuc-content .gameSuc-title {
		background: url(//www.eqxiu.com/gc/images/102cb1e40b72c14e8302.png) no-repeat;
		height: 170px;
		left: 50%;
		margin-left: -195px;
		position: absolute;
		top: -103px;
		width: 390px;
	}

	.gameSuc .gameSuc-content .gameSuc-detail {
		border-radius: 8px;
		margin: 112px auto 71px;
		position: relative;
		text-align: center;
	}

	.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-title {
		color: #fff;
		font-size: 28px;
		margin-bottom: 28px;
	}

	.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-score {
		color: #bce0fd;
		font-size: 24px;
		margin-bottom: 28px;
	}

	.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-score span {
		color: #ffd056;
		font-size: 64px;
	}

	.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-rank {
		background: -webkit-gradient(linear,
				left top,
				right top,
				from(hsla(0, 0%, 100%, 0)),
				color-stop(50%, hsla(0, 0%, 100%, 0.15)),
				to(hsla(0, 0%, 100%, 0)));
		background: -o-linear-gradient(left,
				hsla(0, 0%, 100%, 0) 0,
				hsla(0, 0%, 100%, 0.15) 50%,
				hsla(0, 0%, 100%, 0) 100%);
		background: linear-gradient(90deg,
				hsla(0, 0%, 100%, 0),
				hsla(0, 0%, 100%, 0.15) 50%,
				hsla(0, 0%, 100%, 0));
		color: #d9ecfd;
		font-size: 28px;
		font-weight: 400;
		height: 72px;
		line-height: 72px;
		width: 630px;
	}

	.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-rank span {
		color: #ffd056;
	}

	.gameSuc .gameSuc-content .gameSuc-btns {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin: 0 auto;
		text-align: center;
		width: 530px;
	}

	.gameSuc .gameSuc-content .gameSuc-btns .gameSuc-btns-draw {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		border-radius: 48px;
		color: #af3006;
		font-size: 34px;
		font-weight: 500;
		height: 96px;
		line-height: 96px;
		margin-bottom: 16px;
		width: 530px;
	}

	.gameSuc .gameSuc-content .gameSuc-btns .gameSuc-btns-again,
	.gameSuc .gameSuc-content .gameSuc-btns .gameSuc-btns-rank {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#fff),
				to(#b5d2ea));
		background: -o-linear-gradient(top, #fff 0, #b5d2ea 100%);
		background: linear-gradient(180deg, #fff, #b5d2ea);
		border-radius: 45px;
		color: #333;
		font-size: 32px;
		font-weight: 500;
		height: 90px;
		line-height: 90px;
		width: 257px;
	}

	.gameSuc .gameSuc-content #game-suc-ad {
		height: 160px;
		margin: 20px auto 0;
		width: 530px;
	}

	.gameSuc .gameSuc-btn-create {
		bottom: 66px;
		height: 90px;
		line-height: 90px;
		position: absolute;
		text-align: center;
		width: 750px;
	}

	.gameFail {
		background: rgba(0, 0, 0, 0.9);
		height: 100%;
		width: 750px;
	}

	.gameFail .gameFail-content {
		background: #0090ff;
		border-radius: 24px;
		height: 680px;
		left: 50%;
		margin-left: -315px;
		margin-top: -410px;
		position: absolute;
		top: 50%;
		width: 630px;
	}

	.gameFail .gameFail-content .gameFail-title {
		background: url(//www.eqxiu.com/gc/images/704b7564562691ecbbbd.png) no-repeat;
		height: 170px;
		left: 50%;
		margin-left: -195px;
		position: absolute;
		top: -103px;
		width: 390px;
	}

	.gameFail .gameFail-content .gameFail-detail {
		border-radius: 8px;
		margin: 112px auto 71px;
		position: relative;
		text-align: center;
	}

	.gameFail .gameFail-content .gameFail-detail .gameFail-detail-title {
		color: #fff;
		font-size: 28px;
		margin-bottom: 28px;
	}

	.gameFail .gameFail-content .gameFail-detail .gameFail-detail-score {
		color: #bce0fd;
		font-size: 24px;
		margin-bottom: 28px;
	}

	.gameFail .gameFail-content .gameFail-detail .gameFail-detail-score span {
		color: #ffd056;
		font-size: 64px;
	}

	.gameFail .gameFail-content .gameFail-detail .gameFail-detail-rank {
		background: -webkit-gradient(linear,
				left top,
				right top,
				from(hsla(0, 0%, 100%, 0)),
				color-stop(50%, hsla(0, 0%, 100%, 0.15)),
				to(hsla(0, 0%, 100%, 0)));
		background: -o-linear-gradient(left,
				hsla(0, 0%, 100%, 0) 0,
				hsla(0, 0%, 100%, 0.15) 50%,
				hsla(0, 0%, 100%, 0) 100%);
		background: linear-gradient(90deg,
				hsla(0, 0%, 100%, 0),
				hsla(0, 0%, 100%, 0.15) 50%,
				hsla(0, 0%, 100%, 0));
		color: #d9ecfd;
		font-size: 28px;
		font-weight: 400;
		height: 72px;
		line-height: 72px;
		width: 630px;
	}

	.gameFail .gameFail-content .gameFail-detail .gameFail-detail-rank span {
		color: #ffd056;
	}

	.gameFail .gameFail-content .gameFail-btns {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin: 0 auto;
		text-align: center;
		width: 530px;
	}

	.gameFail .gameFail-content .gameFail-btns .gameFail-btns-draw {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		border-radius: 48px;
		color: #af3006;
		font-size: 34px;
		font-weight: 500;
		height: 96px;
		line-height: 96px;
		margin-bottom: 16px;
		width: 530px;
	}

	.gameFail .gameFail-content .gameFail-btns .gameFail-btns-again,
	.gameFail .gameFail-content .gameFail-btns .gameFail-btns-rank {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#fff),
				to(#b5d2ea));
		background: -o-linear-gradient(top, #fff 0, #b5d2ea 100%);
		background: linear-gradient(180deg, #fff, #b5d2ea);
		border-radius: 45px;
		color: #333;
		font-size: 32px;
		font-weight: 500;
		height: 90px;
		line-height: 90px;
		width: 257px;
	}

	.gameFail .gameFail-btn-create {
		bottom: 110px;
		height: 90px;
		line-height: 90px;
		position: absolute;
		text-align: center;
		width: 750px;
	}

	.eqx_contactInfo {
		background: #fff;
		display: block;
		height: 100%;
		overflow: auto;
		position: relative;
		width: 750px;
		z-index: 9999;
	}

	.eqx_contactInfo .box {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #333;
		font-size: 32px;
		padding: 65px 50px 50px 45px;
		width: 750px;
	}

	.eqx_contactInfo .box .title {
		color: #333;
		font-size: 44px;
		font-weight: 600;
	}

	.eqx_contactInfo .box .info {
		color: #a7a6af;
		font-size: 28px;
		margin-top: 28px;
	}

	.eqx_contactInfo .box ul {
		margin-bottom: 50px;
		margin-top: 80px;
		width: 100%;
	}

	.eqx_contactInfo .box ul li {
		border-bottom: 1px solid #e9e9e9;
		height: 100px;
		margin-bottom: 16px;
	}

	.eqx_contactInfo .box ul li,
	.eqx_contactInfo .box ul li .hang {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}

	.eqx_contactInfo .box ul li .hang {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		height: 100%;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 13px 0 15px;
	}

	.eqx_contactInfo .box ul li .hang,
	.eqx_contactInfo .box ul li span {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.eqx_contactInfo .box ul li span {
		color: #666;
		font-size: 30px;
		text-align: justify;
	}

	.eqx_contactInfo .box ul li input {
		background: rgba(0, 0, 0, 0);
		border: none;
		color: #333;
		font-size: 32px;
		width: 530px;
	}

	.eqx_contactInfo .box ul li .captcha-btn {
		background: #1261ff;
		border-radius: 28px;
		color: #fff;
		display: block;
		font-size: 24px;
		height: 54px;
		line-height: 54px;
		padding: 0;
		text-align: center;
		width: 190px;
	}

	.eqx_contactInfo .button {
		background: #d6d8e0;
		border-radius: 5px;
		color: #fff;
	}

	.eqx_contactInfo .btnBack,
	.eqx_contactInfo .button {
		height: 88px;
		line-height: 88px;
		text-align: center;
		width: 650px;
	}

	.eqx_contactInfo .btnBack {
		background: #fff;
		border: 2px solid #ccd5db;
		border-radius: 8px;
		margin-top: 40px;
	}

	.eqx_contactInfo .submit-confirm-dialog-ct {
		background: rgba(0, 0, 0, 0.4);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		width: 100%;
		z-index: 999999;
	}

	.eqx_contactInfo .submit-confirm-dialog {
		background: #fff;
		border-radius: 37.5px 37.5px 0 0;
		bottom: calc(-100% + 131px);
		left: 0;
		position: absolute;
		top: 100%;
		width: 100%;
	}

	.eqx_contactInfo .submit-confirm-dialog.landScape-scene {
		bottom: 100%;
		top: auto;
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
	}

	.eqx_contactInfo .submit-confirm-dialog.landScape-scene .submit-confirm-dialog__content {
		margin-top: 0;
	}

	.eqx_contactInfo .submit-confirm-dialog.landScape-scene .submit-confirm-dialog__content .privacy-policy-confirm {
		bottom: 300px;
	}

	.eqx_contactInfo .submit-confirm-dialog.landScape-scene .submit-confirm-dialog__handle {
		bottom: 16px;
	}

	.eqx_contactInfo .submit-confirm-dialog__header {
		height: 112.5px;
		position: relative;
	}

	.eqx_contactInfo .submit-confirm-dialog__header .title {
		color: #333;
		font-size: 32.8125px;
		font-weight: 500;
		line-height: 112.5px;
		text-align: center;
	}

	.eqx_contactInfo .submit-confirm-dialog__header .close-btn {
		color: #333;
		cursor: pointer;
		font-size: 46.875px;
		position: absolute;
		right: 37.5px;
		top: 32.8125px;
	}

	.eqx_contactInfo .submit-confirm-dialog__content {
		margin-top: 25.78125px;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy {
		color: #1261ff;
		cursor: pointer;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .confirm-tip {
		color: #333;
		font-size: 35.15625px;
		line-height: 56.25px;
		margin: auto;
		text-align: left !important;
		width: 675px;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm {
		bottom: 440.625px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 665.625px;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox {
		height: 37.5px;
		opacity: 0;
		width: 37.5px;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-desc {
		color: #333;
		font-size: 28.125px;
		line-height: 37.5px;
		margin-left: 18.75px;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout {
		border: 2.34px solid #ccd5db;
		border-radius: 7.03125px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 37.5px;
		left: 0;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 37.5px;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout .checked-icon {
		color: #fff;
		display: none;
		font-size: 37.5px;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout.checkbox-checked {
		background: #1261ff;
		border: none;
	}

	.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout.checkbox-checked .checked-icon {
		display: block;
	}

	.eqx_contactInfo .submit-confirm-dialog__handle {
		bottom: 150px;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 665.625px;
	}

	.eqx_contactInfo .submit-confirm-dialog__handle .handle-btn {
		border: 2.34px solid #e6ebed;
		border-radius: 9.375px;
		color: #666;
		cursor: pointer;
		font-size: 32.8125px;
		height: 93.75px;
		line-height: 89.0625px;
		margin-top: 25.78125px;
		text-align: center;
		width: 665.625px;
	}

	.eqx_contactInfo .submit-confirm-dialog__handle .handle-btn.confirm-btn {
		background: #1261ff;
		border: 2.34px solid #1261ff;
		color: #fff;
	}

	.eqx_contactInfo .submit-confirm-dialog__handle .handle-btn.confirm-btn.disale-submit {
		background: #f5f5f5;
		border: 2.34px solid #ccd5db;
		color: #999;
		pointer-events: none;
	}

	.eqx_contactInfo input::-webkit-input-placeholder {
		color: #ceced2;
		font-size: 32px;
	}

	.eqx_contactInfo .hei-150 {
		height: 150px !important;
	}

	.eqx_contactInfo .wid-100 {
		width: 100% !important;
	}

	.eqx_contactInfo .input-wid {
		width: calc(100% - 60px) !important;
	}

	.eqx_contactInfo .hang-wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.privacy-policy-info {
		background: #fff;
		border-radius: 37.5px 37.5px 0 0;
		display: none;
		left: 0;
		position: absolute;
		top: 131px;
		width: 100%;
		z-index: 9999999;
	}

	.privacy-policy-info.landScape-scene {
		bottom: 100%;
		transform: translateZ(0) rotate(90deg);
		-webkit-transform: translateZ(0) rotate(90deg);
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
	}

	.privacy-policy-info.landScape-scene .privacy-policy-info__content {
		padding: 37.5px 75px 4.6875px;
	}

	.privacy-policy-info__header {
		height: 112.5px;
		position: relative;
	}

	.privacy-policy-info__header .title {
		color: #333;
		font-size: 32.8125px;
		font-weight: 500;
		line-height: 112.5px;
		text-align: center;
	}

	.privacy-policy-info__header .return-btn {
		color: #333;
		cursor: pointer;
		font-size: 56.25px;
		left: 37.5px;
		position: absolute;
		top: 28.125px;
	}

	.privacy-policy-info__content_ct {
		height: calc(100% - 112.5px);
		overflow: scroll;
	}

	.privacy-policy-info__content {
		padding: 37.5px 37.5px 4.6875px;
	}

	.privacy-policy-info__content .headline {
		color: #333;
		font-size: 42.1875px;
		font-weight: 600;
		line-height: 60.9375px;
	}

	.privacy-policy-info__content .privacy-policy-main {
		margin-top: 37.5px;
	}

	.privacy-policy-info__content .privacy-policy-main p {
		color: #333;
		font-size: 35.15625px;
		line-height: 1.7;
		text-align: left !important;
	}

	.privacy-policy-info__content .privacy-policy-main .bold-text {
		font-weight: 600;
	}

	.privacy-policy-info__content .privacy-policy-main .underline {
		-webkit-text-decoration: underline;
		text-decoration: underline;
	}

	.privacy-policy-info__content .privacy-policy-main .line-wrap {
		margin-bottom: 58.59375px;
	}

	.privacy-policy-info p {
		max-height: 100%;
	}

	.eqx_accredit {
		background: rgba(0, 0, 0, 0.5);
		display: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 750px;
		z-index: 9999;
	}

	.eqx_accredit .eqx_accredit_main {
		background: url(//www.eqxiu.com/gc/images/63621f61300297dfad8a.png) no-repeat;
		border-radius: 18px;
		-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
		height: 800px;
		left: 50%;
		position: absolute;
		text-align: center;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 620px;
	}

	.eqx_accredit .eqx_accredit_main h1 {
		color: #333;
		font-size: 32px;
		font-weight: 500;
		margin-bottom: 52px;
		margin-top: 268px;
	}

	.eqx_accredit .eqx_accredit_main h1 span {
		color: #0090ff;
	}

	.eqx_accredit .eqx_accredit_main .code {
		margin-bottom: 25px;
	}

	.eqx_accredit .eqx_accredit_main p {
		color: #999;
		font-size: 26px;
		font-weight: 400;
	}

	.eqx_accredit .eqx_accredit_main2 {
		background: #fff;
		border-radius: 18px;
		-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #111;
		height: 926px;
		left: 50%;
		padding: 66px 46px 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 620px;
	}

	.eqx_accredit .eqx_accredit_main2 h1 {
		font-size: 40px;
		font-weight: 500;
		line-height: 56px;
		margin-bottom: 36px;
	}

	.eqx_accredit .eqx_accredit_main2 p {
		font-size: 32px;
		font-weight: 500;
		line-height: 46px;
		margin-bottom: 28px;
	}

	.eqx_accredit .eqx_accredit_main2 .accredit-copy {
		background: #1565ff;
		border-radius: 5px;
		color: #fff;
		font-size: 32px;
		height: 93px;
		line-height: 93px;
		margin-bottom: 28px;
		text-align: center;
		width: 100%;
	}

	.eqx_accredit .eqx_accredit_main2 .code {
		background: #fff;
		border: 2px solid #f0f2f8;
		border-radius: 5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 336px;
		padding: 28px;
		width: 336px;
	}

	.eqx_SharePage {
		background: #eee;
		display: block;
		height: 100%;
		overflow: auto;
		position: relative;
		width: 750px;
		z-index: 9999;
	}

	.eqx_SharePage .time {
		color: #999;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
		font-size: 26px;
		font-weight: 400;
		height: 36px;
		line-height: 36px;
		margin-top: 46px;
		text-align: center;
	}

	.eqx_SharePage .toast {
		height: 74px;
		margin-top: 32px;
		position: relative;
		width: 100%;
	}

	.eqx_SharePage .toast .text {
		background: #a1eb72;
		border-radius: 8px;
		color: #333;
		display: inline-block;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
		font-size: 32px;
		font-weight: 400;
		height: 74px;
		line-height: 74px;
		position: absolute;
		right: 118px;
		text-align: center;
		top: 0;
		width: 464px;
	}

	.eqx_SharePage .toast .text .triangle {
		border: 10px solid transparent;
		border-left-color: #a1eb72;
		height: 0;
		position: absolute;
		right: -20px;
		top: 26px;
		width: 0;
	}

	.eqx_SharePage .toast .head_portrait {
		border-radius: 8px;
		display: inline-block;
		height: 74px;
		position: absolute;
		right: 22px;
		top: 0;
		width: 74px;
	}

	.eqx_SharePage .toast .head_portrait img {
		height: 100%;
		width: 100%;
	}

	.eqx_SharePage .toast_info {
		height: 198px;
		margin-top: 32px;
		position: relative;
		width: 100%;
	}

	.eqx_SharePage .toast_info .text {
		background: #fff;
		border-radius: 8px;
		display: inline-block;
		height: 198px;
		position: absolute;
		right: 118px;
		top: 0;
		width: 474px;
	}

	.eqx_SharePage .toast_info .text .triangle {
		border: 10px solid transparent;
		border-left-color: #fff;
		height: 0;
		position: absolute;
		right: -20px;
		top: 26px;
		width: 0;
	}

	.eqx_SharePage .toast_info .text .head {
		color: #333;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
		font-size: 32px;
		font-weight: 400;
		height: 44px;
		line-height: 44px;
		margin: 16px 0 0 22px;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		width: 384px;
		word-break: keep-all;
	}

	.eqx_SharePage .toast_info .text .content .info {
		border: 1px solid transparent;
	}

	.eqx_SharePage .toast_info .text .content .current-change,
	.eqx_SharePage .toast_info .text .content .info {
		color: #999;
		display: inline-block;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
		font-size: 26px;
		font-weight: 400;
		height: 108px;
		line-height: 36px;
		margin: 2px 32px 0 22px;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		vertical-align: middle;
		width: 296px;
		word-break: keep-all;
	}

	.eqx_SharePage .toast_info .text .content .current-change {
		border: 1px solid #1261ff;
	}

	.eqx_SharePage .toast_info .text .content .share_img {
		border: 1px solid transparent;
		display: inline-block;
		height: 92px;
		vertical-align: middle;
		width: 92px;
	}

	.eqx_SharePage .toast_info .text .content .share_img_change {
		border: 1px solid #1261ff;
		display: inline-block;
		height: 92px;
		vertical-align: middle;
		width: 92px;
	}

	.eqx_SharePage .toast_info .head_portrait_info {
		border: 1px solid transparent;
		border-radius: 8px;
		display: inline-block;
		height: 74px;
		position: absolute;
		right: 22px;
		top: 0;
		width: 74px;
	}

	.eqx_SharePage .toast_info .head_portrait_info img {
		height: 100%;
		width: 100%;
	}

	.eqx_dailyTask {
		height: 100%;
		position: relative;
		width: 750px;
	}

	.eqx_dailyTask .dialog-mask {
		background-color: rgba(0, 0, 0, 0.5);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
	}

	.eqx_dailyTask .dialog-content {
		background: url(//www.eqxiu.com/gc/images/356f3242d9e51ad2e179.png) #e6f6ff no-repeat;
		border-radius: 40px 40px 0 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: calc(100% - 68px);
		left: 0;
		padding-top: 112px;
		position: absolute;
		top: 80px;
		width: 100%;
		z-index: 2;
	}

	.eqx_dailyTask .dialog-content .closeIcon {
		color: #666;
		font-size: 32px;
		position: absolute;
		right: 30px;
		top: 24px;
	}

	.eqx_dailyTask .dialog-content .energy-icon-wrapper {
		background: #eefcff;
		border: 4px solid #fff;
		border-radius: 50%;
		-webkit-box-shadow: 0 0 0 4px #9fdbfd;
		box-shadow: 0 0 0 4px #9fdbfd;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 128px;
		left: 311px;
		position: absolute;
		top: -36px;
		width: 128px;
	}

	.eqx_dailyTask .dialog-content .energy-icon-wrapper img {
		height: 120px;
		width: 120px;
	}

	.eqx_dailyTask .dialog-content .energy-name {
		color: #333;
		font-size: 30px;
		font-weight: 500;
		height: 42px;
		line-height: 42px;
		text-align: center;
	}

	.eqx_dailyTask .dialog-content .signin-btn {
		background: url(//www.eqxiu.com/gc/images/245ca550fac32eeb4106.png) no-repeat;
		background-size: 100% 100%;
		height: 112px;
		margin: 58px auto 0;
		width: 376px;
	}

	.eqx_dailyTask .dialog-content .signin-btn-done {
		background: url(//www.eqxiu.com/gc/images/95d312f5858ef536f271.png) no-repeat;
		background-size: 100% 100%;
	}

	.eqx_dailyTask .dialog-content .signin-tips {
		color: #999;
		font-size: 24px;
		height: 36px;
		line-height: 36px;
		margin-top: 24px;
		text-align: center;
	}

	.eqx_dailyTask .dialog-content .signin-tips .num {
		color: #ff7350;
	}

	.eqx_dailyTask .dialog-content .signin-tips-done {
		color: #999;
		display: none;
		font-size: 24px;
		height: 36px;
		line-height: 36px;
		margin-top: 24px;
		text-align: center;
	}

	.eqx_dailyTask .dialog-content .signin-tips-done .num {
		color: #ff7350;
	}

	.eqx_dailyTask .dialog-content .signin-days {
		height: 190px;
		margin-top: 48px;
		overflow-x: auto;
		padding-bottom: 20px;
		position: relative;
		-ms-touch-action: pan-x;
		touch-action: pan-x;
	}

	.eqx_dailyTask .dialog-content .signin-days::-webkit-scrollbar {
		display: none;
		height: 0;
		width: 0;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-list {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 190px;
		padding: 0 32px;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		width: 88px;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item:not(:first-child) {
		margin-left: 12px;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		background: #fff;
		border-radius: 12px;
		-webkit-box-shadow: 0 4px 12px 0 #bee6fc;
		box-shadow: 0 4px 12px 0 #bee6fc;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 116px;
		position: relative;
		width: 88px;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box,
	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-bubble {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-bubble {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		background: #ff525b -webkit-gradient(linear, right top, left top, from(#ff0e00), to(#ff6c94));
		background: #ff525b -o-linear-gradient(right, #ff0e00 0, #ff6c94 100%);
		background: #ff525b linear-gradient(270deg, #ff0e00, #ff6c94);
		border-radius: 18px;
		color: #fff;
		font-size: 24px;
		font-weight: 500;
		height: 36px;
		-webkit-justify-content: center;
		justify-content: center;
		line-height: 36px;
		padding: 0 12px;
		position: absolute;
		top: -74px;
		width: 48px;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-bubble:before {
		border: 8px solid transparent;
		border-top-color: #ff525b;
		bottom: -16px;
		content: "";
		display: inline-block;
		position: absolute;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #ededed;
		border-radius: 50%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 64px;
		-webkit-justify-content: center;
		justify-content: center;
		position: relative;
		top: -22px;
		width: 64px;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-signed {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				color-stop(88%, #ffe463),
				color-stop(89%, #ffd126));
		background: -o-linear-gradient(top, #ffe463 88%, #ffd126 89%);
		background: linear-gradient(180deg, #ffe463 88%, #ffd126 89%);
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-broken {
		background: url() no-repeat;
		background-size: 100% 100%;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-inner {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #d9d9d9;
		border-radius: 50%;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 24px;
		font-weight: 500;
		height: 48px;
		-webkit-justify-content: center;
		justify-content: center;
		width: 48px;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-inner-signed {
		background: #ffb400;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-inner-broken {
		background: transparent;
	}

	.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-day {
		color: #999;
		font-size: 24px;
		height: 24px;
		line-height: 24px;
	}

	.eqx_dailyTask .dialog-content .signin-tasks {
		height: calc(100% - 600px);
		margin-top: 20px;
		overflow-y: auto;
		padding: 0 32px 40px;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
	}

	.eqx_dailyTask .dialog-content .signin-tasks::-webkit-scrollbar {
		display: none;
		height: 0;
		width: 0;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item {
		background: #fff;
		border-radius: 16px;
		-webkit-box-shadow: 0 4px 8px 0 #deedff;
		box-shadow: 0 4px 8px 0 #deedff;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 176px;
		padding: 26px 216px 26px 128px;
		position: relative;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item:not(:first-child) {
		margin-top: 24px;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-icon1 {
		background: url(//www.eqxiu.com/gc/images/b3d8212dd8f2affd3829.png) no-repeat;
		background-size: 100% 100%;
		height: 72px;
		left: 32px;
		position: absolute;
		top: 52px;
		width: 72px;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-icon2 {
		background: url(//www.eqxiu.com/gc/images/7e674ce8eb07b3d95a86.png) no-repeat;
		background-size: 100% 100%;
		height: 72px;
		left: 32px;
		position: absolute;
		top: 52px;
		width: 72px;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-title {
		color: #333;
		font-size: 30px;
		font-weight: 500;
		height: 44px;
		line-height: 44px;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-des {
		color: #999;
		font-size: 24px;
		line-height: 36px;
		margin-top: 8px;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-des .color {
		color: #ff7350;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-btn {
		height: 60px;
		position: absolute;
		right: 32px;
		top: 58px;
		width: 144px;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-btn-inner {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #2cb2fd;
		border-radius: 32px;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 28px;
		font-weight: 500;
		height: 60px;
		-webkit-justify-content: center;
		justify-content: center;
		width: 144px;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-btn .actived-btn {
		background: #cecece;
	}

	.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-btn-tip {
		background: -webkit-gradient(linear,
				right top,
				left top,
				from(#ff0e00),
				to(#ff6c94));
		background: -o-linear-gradient(right, #ff0e00 0, #ff6c94 100%);
		background: linear-gradient(270deg, #ff0e00, #ff6c94);
		border: 2px solid #fff;
		border-radius: 16px 16px 16px 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		font-size: 24px;
		font-weight: 500;
		height: 32px;
		line-height: 24px;
		padding: 4px 8px;
		position: absolute;
		right: 0;
		top: -20px;
	}

	.eqx_dailyTask .daily-task-upgrade-wrapper {
		background: url(//www.eqxiu.com/gc/images/466add9538af0db2cb5d.png) no-repeat;
		background-size: 100% 100%;
		height: 360px;
		left: 196px;
		opacity: 1;
		position: absolute;
		top: 70px;
		width: 360px;
		z-index: 10;
	}

	.eqx_dailyTask .daily-task-upgrade-wrapper .wrapper {
		left: 50%;
		position: absolute;
		top: 210px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.eqx_dailyTask .daily-task-upgrade-wrapper .nutrient-name {
		background: #fff;
		border-radius: 18px;
		color: #f5895c;
		font-size: 24px;
		font-weight: 500;
		line-height: 24px;
		padding: 6px 12px;
		text-align: center;
	}

	.eqx_dailyTask .daily-task-upgrade-wrapper .nutrient-number {
		color: #fff7f0;
		font-size: 40px;
		font-weight: 600;
		line-height: 40px;
		margin-top: 16px;
		text-align: center;
	}

	@-webkit-keyframes bounceIn {

		0%,
		20%,
		40%,
		60%,
		80%,
		to {
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}

		0% {
			opacity: 0;
			-webkit-transform: scale3d(0.3, 0.3, 0.3);
			transform: scale3d(0.3, 0.3, 0.3);
		}

		20% {
			-webkit-transform: scale3d(1.1, 1.1, 1.1);
			transform: scale3d(1.1, 1.1, 1.1);
		}

		40% {
			-webkit-transform: scale3d(0.9, 0.9, 0.9);
			transform: scale3d(0.9, 0.9, 0.9);
		}

		60% {
			opacity: 1;
			-webkit-transform: scale3d(1.03, 1.03, 1.03);
			transform: scale3d(1.03, 1.03, 1.03);
		}

		80% {
			-webkit-transform: scale3d(0.97, 0.97, 0.97);
			transform: scale3d(0.97, 0.97, 0.97);
		}

		to {
			opacity: 0;
			-webkit-transform: scale3d(0.3, 0.3, 0.3);
			transform: scale3d(0.3, 0.3, 0.3);
		}
	}

	@keyframes bounceIn {

		0%,
		20%,
		40%,
		60%,
		80%,
		to {
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}

		0% {
			opacity: 0;
			-webkit-transform: scale3d(0.3, 0.3, 0.3);
			transform: scale3d(0.3, 0.3, 0.3);
		}

		20% {
			-webkit-transform: scale3d(1.1, 1.1, 1.1);
			transform: scale3d(1.1, 1.1, 1.1);
		}

		40% {
			-webkit-transform: scale3d(0.9, 0.9, 0.9);
			transform: scale3d(0.9, 0.9, 0.9);
		}

		60% {
			opacity: 1;
			-webkit-transform: scale3d(1.03, 1.03, 1.03);
			transform: scale3d(1.03, 1.03, 1.03);
		}

		80% {
			-webkit-transform: scale3d(0.97, 0.97, 0.97);
			transform: scale3d(0.97, 0.97, 0.97);
		}

		to {
			opacity: 0;
			-webkit-transform: scale3d(0.3, 0.3, 0.3);
			transform: scale3d(0.3, 0.3, 0.3);
		}
	}

	.animate__bounceIn {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
	}

	.eqx_pre_tip {
		background-color: rgba(0, 0, 0, 0.75);
		color: #fff;
		display: none;
		font-size: 34px;
		height: 100%;
		left: 0;
		line-height: 34px;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 997;
	}

	.eqx_pre_tip .eqx_pre_con {
		height: 100%;
		position: absolute;
		width: 750px;
	}

	.eqx_pre_tip img {
		position: absolute;
		width: 100%;
	}

	.animate_top_down {
		-webkit-animation: a_t_d 0.5s ease-in-out 1;
		-webkit-animation-delay: 0s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-in-out;
	}

	@-webkit-keyframes a_t_d {
		0% {
			-webkit-transform: translateY(-400px);
			transform: translateY(-400px);
		}

		to {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}

	.animate_hand_tips {
		-webkit-animation: a_h_t 0.6s linear infinite;
		z-index: 10;
	}

	@-webkit-keyframes a_h_t {
		0% {
			-webkit-transform: rotate(12deg);
			transform: rotate(12deg);
		}

		25% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		30% {
			-webkit-transform: rotate(-12deg);
			transform: rotate(-12deg);
		}

		70% {
			-webkit-transform: rotate(-12deg);
			transform: rotate(-12deg);
		}

		75% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(12deg);
			transform: rotate(12deg);
		}
	}

	.animate_left_right {
		-webkit-animation: a_l_r 4s ease-in-out infinite;
		-webkit-animation-delay: 0s;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in-out;
	}

	@-webkit-keyframes a_l_r {
		0% {
			-webkit-transform: none;
			transform: none;
		}

		5% {
			-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
			transform: translate3d(-25%, 0, 0) rotate(-5deg);
		}

		10% {
			-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
			transform: translate3d(20%, 0, 0) rotate(3deg);
		}

		15% {
			-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
			transform: translate3d(-15%, 0, 0) rotate(-3deg);
		}

		20% {
			-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
			transform: translate3d(10%, 0, 0) rotate(2deg);
		}

		25% {
			-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
			transform: translate3d(-5%, 0, 0) rotate(-1deg);
		}

		30% {
			-webkit-transform: none;
			transform: none;
		}
	}

	.HAlert {
		background: rgba(0, 0, 0, 0.8);
		display: none;
		height: 100%;
		position: absolute;
		width: 750px;
		z-index: 999;
	}

	.HAlert .HAlert-main {
		background: #0090ff;
		border-radius: 24px;
		height: 680px;
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 630px;
	}

	.HAlert .HAlert-main .eqf-no {
		color: #666;
		font-size: 40px;
		position: absolute;
		right: 32px;
		top: 32px;
	}

	.HAlert .HAlert-main .HAlert-main-logo {
		height: 200px;
		left: 50%;
		margin-left: -160px;
		top: -100px;
		width: 320px;
	}

	.HAlert .HAlert-main .HAlert-main-logo,
	.HAlert .HAlert-main .errorBox {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		position: absolute;
	}

	.HAlert .HAlert-main .errorBox {
		left: 0;
		top: 0;
		width: 100%;
	}

	.HAlert .HAlert-main .errorBox .error {
		background: #fc544e;
		border-radius: 32px;
		color: #fff;
		display: none;
		font-size: 28px;
		height: 64px;
		line-height: 64px;
		padding: 0 24px;
		position: absolute;
		top: -10px;
	}

	.HAlert .HAlert-main .HAlert-main-logo-1 {
		background: url(//www.eqxiu.com/gc/images/246dcfae425e60453c22.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-2 {
		background: url(//www.eqxiu.com/gc/images/ac60ee2b736a6acb5671.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-3 {
		background: url(//www.eqxiu.com/gc/images/4530a6eec48b5334998e.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-4 {
		background: url(//www.eqxiu.com/gc/images/9ba5f95772c48f5f3391.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-5 {
		background: url(//www.eqxiu.com/gc/images/909c5d2ff4748dcae556.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-6 {
		background: url(//www.eqxiu.com/gc/images/0a763e3eca6b52266114.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-7 {
		background: url(//www.eqxiu.com/gc/images/a0d59a0f1a60831fdac5.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-12 {
		background: url(//www.eqxiu.com/gc/images/be02832477eb38655919.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-13 {
		background: url(//www.eqxiu.com/gc/images/d42f34b547e59e5a778f.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-14 {
		background: url(//www.eqxiu.com/gc/images/00ef50667fb30c0f09ea.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-15 {
		background: url(//www.eqxiu.com/gc/images/421e66e9a0382ba7f788.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-16 {
		background: url(//www.eqxiu.com/gc/images/9347f2a8d8d0727c7970.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-17 {
		background: url(//www.eqxiu.com/gc/images/d96d40eb430672f7d4d1.png);
	}

	.HAlert .HAlert-main .HAlert-main-logo-18 {
		background: url(//www.eqxiu.com/gc/images/9a32e1e0694e5fb1f6dc.png);
	}

	.HAlert .HAlert-main .HAlert-main-content {
		color: #fff;
		position: absolute;
		text-align: center;
		top: 113px;
		width: 100%;
	}

	.HAlert .HAlert-main .HAlert-main-content h1 {
		font-size: 36px;
		font-weight: 700;
		width: 100%;
	}

	.HAlert .HAlert-main .HAlert-main-content .tipForWeChat {
		font-size: 40px;
		font-weight: 500;
		line-height: 56px;
	}

	.HAlert .HAlert-main .HAlert-main-content .tipForWeChat .tipForMoney {
		color: #fff;
		font-size: 30px;
		line-height: 44px;
		padding: 24px 50px 0;
	}

	.HAlert .HAlert-main .HAlert-main-content .tipForSign {
		color: #333;
		font-size: 40px;
		font-weight: 500;
		line-height: 56px;
	}

	.HAlert .HAlert-main .HAlert-main-content .tipForSign .tipForSignScore {
		color: #666;
		font-size: 34px;
		font-weight: 400;
		line-height: 48px;
		margin-top: 24px;
	}

	.HAlert .HAlert-main .HAlert-main-content h2 {
		color: #ffd056;
		font-size: 40px;
		font-weight: 700;
		position: absolute;
		top: 150px;
		width: 100%;
	}

	.HAlert .HAlert-main .HAlert-main-content h3 {
		color: #e6f4ff;
		font-size: 28px;
		font-weight: 400;
		position: absolute;
		top: 260px;
		width: 100%;
	}

	.HAlert .HAlert-main .HAlert-main-content h4 {
		font-size: 32px;
		font-weight: 700;
		width: 100%;
	}

	.HAlert .HAlert-main .HAlert-main-content input {
		background: hsla(0, 0%, 100%, 0.95);
		border-radius: 8px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 24px;
		height: 90px;
		margin-top: 40px;
		padding: 0 20px;
		width: 560px;
	}

	.HAlert .HAlert-main .HAlert-main-content .commonKeyNo {
		left: 20px;
		opacity: 1;
		position: absolute;
		top: -60px;
		width: 400px;
	}

	.HAlert .HAlert-main .HAlert-main-content .borderRed {
		border: 1px solid #ff5448;
	}

	.HAlert .HAlert-main #act-expire,
	.HAlert .HAlert-main #opp-out {
		height: 200px;
		left: 50px;
		position: absolute;
		top: 264px;
		width: 530px;
	}

	.HAlert .HAlert-main .HAlert-main-btn {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#fff),
				to(#b5d2ea));
		background: -o-linear-gradient(top, #fff 0, #b5d2ea 100%);
		background: linear-gradient(180deg, #fff, #b5d2ea);
		border-radius: 48px;
		color: #333;
		font-size: 34px;
		font-weight: 700;
		height: 90px;
		left: 50%;
		line-height: 90px;
		margin-left: -130px;
		position: absolute;
		text-align: center;
		top: 510px;
		width: 260px;
	}

	.HAlert .HAlert-main .HAlert-main-golden {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		color: #e31111;
	}

	.HAlert .HAlert-main .HAlert-main-btn-top {
		top: 326px;
	}

	.HAlert .HAlert-main .HAlert-main-signBtn-top {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#00c2ff),
				to(#1261ff));
		background: -o-linear-gradient(top, #00c2ff 0, #1261ff 100%);
		background: linear-gradient(180deg, #00c2ff, #1261ff);
		color: #fff;
		margin-left: -265px;
		top: 432px;
		width: 534px;
	}

	.HAlert .HAlert-main-height {
		height: 464px;
	}

	.HAlert .HAlert-main-signHeight {
		background: #fff;
		height: 580px;
	}

	.HAlert .HAlert-main-signHeight .HAlert-main-content {
		top: 146px;
	}

	.HAlert .HAlert-main-signHeight .HAlert-main-signContent {
		top: 128px;
	}

	.HAlert .HAlert-cultivate-main-wrapper {
		background: #fff;
	}

	.HAlert .HAlert-cultivate-content h1 {
		color: #333;
		font-size: 40px;
		line-height: 56px;
	}

	.HAlert .HAlert-cultivate-content .con {
		color: #666;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
		font-size: 34px;
		line-height: 48px;
		padding: 24px 40px 0;
		text-align: center;
	}

	.HAlert .HAlert-cultivate-content .con .colorff633 {
		color: #ff6300;
	}

	.HAlert .HAlert-cultivate-btns {
		left: 50%;
		position: absolute;
		top: 510px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.HAlert .HAlert-cultivate-btns,
	.HAlert .HAlert-cultivate-btns .HAlert-cultivate-btn {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.HAlert .HAlert-cultivate-btns .HAlert-cultivate-btn {
		border-radius: 46px;
		font-size: 30px;
		font-weight: 500;
		height: 88px;
		width: 260px;
	}

	.HAlert .HAlert-cultivate-btns .HAlert-cultivate-btns-back {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#00c2ff),
				to(#1261ff));
		background: -o-linear-gradient(top, #00c2ff 0, #1261ff 100%);
		background: linear-gradient(180deg, #00c2ff, #1261ff);
		color: #fff;
		margin-right: 16px;
	}

	.HAlert .HAlert-cultivate-btns .HAlert-cultivate-btns-continue {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		color: #af3006;
	}

	.HAlert .share-tip {
		-webkit-animation: heart-top 0.5s linear infinite alternate;
		animation: heart-top 0.5s linear infinite alternate;
		background-color: #fff;
		border-radius: 9px;
		-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
		color: #000;
		font-size: 30px;
		font-weight: 400;
		height: 84px;
		line-height: 84px;
		padding: 0 23px;
		position: absolute;
		right: 8px;
		top: 37px;
	}

	.HAlert .share-tip .before {
		background: transparent;
		border: 18px solid transparent;
		border-bottom-color: #fff;
		position: absolute;
		right: 28px;
		top: -34px;
	}

	@-webkit-keyframes heart-top {
		form {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		to {
			-webkit-transform: translateY(16px);
			transform: translateY(16px);
		}
	}

	@keyframes heart-top {
		form {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		to {
			-webkit-transform: translateY(16px);
			transform: translateY(16px);
		}
	}

	.eqxiuConfirm {
		background: rgba(0, 0, 0, 0.8);
		display: none;
		height: 100%;
		position: absolute;
		width: 750px;
		z-index: 999;
	}

	.eqxiuConfirm .confirm-main {
		background: #fff;
		border-radius: 24px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 580px;
		left: 50%;
		padding: 120px 50px 50px;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 630px;
	}

	.eqxiuConfirm .confirm-main .confirm-main-logo {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-size: 100% auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 200px;
		-webkit-justify-content: center;
		justify-content: center;
		left: 50%;
		margin-left: -160px;
		position: absolute;
		top: -100px;
		width: 320px;
	}

	.eqxiuConfirm .confirm-main .confirm-title {
		color: #333;
		font-size: 40px;
		font-weight: 500;
		margin-bottom: 24px;
		text-align: center;
	}

	.eqxiuConfirm .confirm-main .confirm-desc {
		color: #8e99a1;
		font-size: 30px;
		line-height: 44px;
		text-align: justify;
	}

	.eqxiuConfirm .confirm-main .confirm-btns {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-align-items: center;
		align-items: center;
		bottom: 50px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		left: 50px;
		margin-right: -22px;
		position: absolute;
		right: 50px;
	}

	.eqxiuConfirm .confirm-main .confirm-btns .btn {
		-webkit-box-flex: 1;
		border-radius: 44px;
		display: none;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		font-size: 32px;
		height: 88px;
		line-height: 88px;
		margin-right: 22px;
		text-align: center;
		width: 254px;
	}

	.eqxiuConfirm .confirm-main .confirm-btns .sure {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#00c2ff),
				to(#2193ff));
		background: -o-linear-gradient(top, #00c2ff 0, #2193ff 100%);
		background: linear-gradient(180deg, #00c2ff, #2193ff);
		color: #fff;
	}

	.eqxiuConfirm .confirm-main .confirm-btns .cancel {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#fff),
				to(#b5d2ea));
		background: -o-linear-gradient(top, #fff 0, #b5d2ea 100%);
		background: linear-gradient(180deg, #fff, #b5d2ea);
		color: #333;
	}

	.eqxiuConfirm .confirm-main .errorBox {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.eqxiuConfirm .confirm-main .errorBox .error {
		background: #fc544e;
		border-radius: 32px;
		color: #fff;
		display: none;
		font-size: 28px;
		height: 64px;
		line-height: 64px;
		padding: 0 24px;
		position: absolute;
		top: -10px;
	}

	.eqxiuConfirm .confirm-main.auth-fail .confirm-main-logo {
		background-image: url(//www.eqxiu.com/gc/images/26751d3e9504239f87a3.png);
	}

	.eqxiuConfirm .confirm-main.auth-info .confirm-main-logo {
		background-image: url(//www.eqxiu.com/gc/images/394a764109f32e251818.png);
	}

	.invite-join-team-container {
		bottom: 0;
		display: none;
		height: 100vh;
		left: 0;
		position: fixed;
		width: 100vw;
		z-index: 999;
	}

	.invite-join-team-container .invite-join-team-mask {
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		background: rgba(27, 34, 45, 0.8);
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.invite-join-team-container .invite-join-team-dialog {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-align-items: center;
		align-items: center;
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#299aff),
				to(#1261ff));
		background: -o-linear-gradient(top, #299aff 0, #1261ff 100%);
		background: linear-gradient(180deg, #299aff, #1261ff);
		border-radius: 32px;
		-webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.12);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 680px;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		left: 50%;
		margin-left: -315px;
		margin-top: -340px;
		padding: 48px;
		position: relative;
		top: 50%;
		width: 630px;
		z-index: 99;
	}

	.invite-join-team-container .invite-join-team-dialog .img-icon {
		position: absolute;
		top: -104px;
	}

	.invite-join-team-container .invite-join-team-dialog .head-img {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #cadcff;
		border-radius: 56px;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 48px;
		height: 112px;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 48px 0 24px;
		overflow: hidden;
		width: 112px;
	}

	.invite-join-team-container .invite-join-team-dialog .desc {
		color: #fff;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
		font-size: 36px;
		font-weight: 400;
		line-height: 48px;
	}

	.invite-join-team-container .invite-join-team-dialog .title {
		color: #fff;
		font-family: Helvetica, PingFangSC-Medium, PingFang SC, Arial, Verdana, Tahoma,
			sans-serif;
		font-size: 40px;
		font-weight: 500;
		line-height: 36px;
		margin-bottom: 48px;
	}

	.invite-join-team-container .invite-join-team-dialog .btn-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-align-items: center;
		align-items: center;
		bottom: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 242px;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.invite-join-team-container .invite-join-team-dialog .invite-friend,
	.invite-join-team-container .invite-join-team-dialog .join-btn,
	.invite-join-team-container .invite-join-team-dialog .lottery-btn {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		color: #e31111;
		font-size: 34px;
		height: 96px;
		line-height: 34px;
		margin-bottom: 16px;
	}

	.invite-join-team-container .invite-join-team-dialog .check-btn,
	.invite-join-team-container .invite-join-team-dialog .invite-friend,
	.invite-join-team-container .invite-join-team-dialog .join-btn,
	.invite-join-team-container .invite-join-team-dialog .lottery-btn,
	.invite-join-team-container .invite-join-team-dialog .to-check {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		border-radius: 48px;
		display: none;
		font-family: Helvetica, PingFangSC-Medium, PingFang SC, Arial, Verdana, Tahoma,
			sans-serif;
		font-weight: 500;
		-webkit-justify-content: center;
		justify-content: center;
		width: 530px;
	}

	.invite-join-team-container .invite-join-team-dialog .check-btn,
	.invite-join-team-container .invite-join-team-dialog .to-check {
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#fff),
				to(#d7edff));
		background: -o-linear-gradient(top, #fff 0, #d7edff 100%);
		background: linear-gradient(180deg, #fff, #d7edff);
		color: #111;
		font-size: 32px;
		height: 88px;
	}

	.card-help-tip-container {
		bottom: 0;
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 999;
	}

	.card-help-tip-container .card-help-tip-mask {
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		background: rgba(27, 34, 45, 0.8);
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.card-help-tip-container .card-help-tip-dialog {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-align-items: center;
		align-items: center;
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#299aff),
				to(#1261ff));
		background: -o-linear-gradient(top, #299aff 0, #1261ff 100%);
		background: linear-gradient(180deg, #299aff, #1261ff);
		border-radius: 32px;
		-webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.12);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 680px;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		left: 50%;
		margin-left: -315px;
		margin-top: -340px;
		padding: 206px 48px 48px;
		position: relative;
		top: 50%;
		width: 630px;
		z-index: 99;
	}

	.card-help-tip-container .card-help-tip-dialog .img-icon {
		position: absolute;
		top: -104px;
	}

	.card-help-tip-container .card-help-tip-dialog .head-img {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #cadcff;
		border-radius: 56px;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 48px;
		height: 112px;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 48px 0 24px;
		overflow: hidden;
		width: 112px;
	}

	.card-help-tip-container .card-help-tip-dialog .title {
		color: #fff;
		font-size: 40px;
		font-weight: 500;
		line-height: 56px;
	}

	.card-help-tip-container .card-help-tip-dialog .btn-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		bottom: 0;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 242px;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.card-help-tip-container .card-help-tip-dialog .btn-container,
	.card-help-tip-container .card-help-tip-dialog .lottery-btn {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.card-help-tip-container .card-help-tip-dialog .lottery-btn {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		background: -webkit-gradient(linear,
				left top,
				left bottom,
				from(#ffdf73),
				to(#ffb829));
		background: -o-linear-gradient(top, #ffdf73 0, #ffb829 100%);
		background: linear-gradient(180deg, #ffdf73, #ffb829);
		border-radius: 48px;
		color: #e31111;
		font-size: 34px;
		font-weight: 500;
		height: 96px;
		-webkit-justify-content: center;
		justify-content: center;
		line-height: 34px;
		margin-bottom: 16px;
		width: 530px;
	}

	.eqxiuAuth {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		background: rgba(0, 0, 0, 0.8);
		display: none;
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 999;
	}

	.eqxiuAuth .auth-main {
		background: #fff;
		border-radius: 9px 9px 0 0;
		bottom: 0;
		-webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.12);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 46px 66px 37px;
		position: absolute;
		width: 100%;
	}

	.eqxiuAuth .auth-main .auth-main-content {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}

	.eqxiuAuth .auth-main .auth-main-content .auth-main-icon {
		color: #ffc700;
		font-size: 46px;
		height: 46px;
		margin-right: 28px;
		width: 46px;
	}

	.eqxiuAuth .auth-main .auth-main-content .auth-main-desc {
		color: #111;
		font-size: 32px;
		font-weight: 500;
		line-height: 46px;
	}

	.eqxiuAuth .auth-main .auth-btn {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 46px;
	}

	.eqxiuAuth .auth-main .auth-btn .btn {
		border-radius: 4px;
		font-size: 30px;
		height: 84px;
		line-height: 84px;
		text-align: center;
	}

	.eqxiuAuth .auth-main .auth-btn .sure {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background: #1261ff;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		width: 346px;
	}

	.eqxiuAuth .auth-main .auth-btn .sure .eqf-wechat {
		font-size: 46px;
		margin-right: 10px;
	}

	.eqxiuAuth .auth-main .auth-btn .cancel {
		background: #f0f2f8;
		color: #111;
		font-weight: 500;
		width: 187px;
	}

	@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
		.eqxiuAuth .auth-main {
			padding-bottom: calc(env(safe-area-inset-bottom) + 37px);
		}
	}

	.toast {
		display: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100000;
	}

	.toast .toast-main {
		background-color: rgba(0, 0, 0, 0.7);
		border-radius: 40px;
		color: #fff;
		font-size: 24px;
		left: 50%;
		line-height: 64px;
		min-width: 220px;
		padding: 0 24px;
		position: absolute;
		text-align: center;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		white-space: nowrap;
	}

	.invitationPopup {
		background: rgba(0, 0, 0, 0.9);
		display: none;
		height: 100%;
		position: absolute;
		width: 750px;
		z-index: 1000;
	}

	.invitationPopup img {
		left: 50%;
		position: absolute;
		top: 15%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.global-validate {
		background: rgba(0, 0, 0, 0.9);
		display: none;
		height: 100%;
		position: absolute;
		width: 750px;
		z-index: 998;
	}

	.global-validate .validate-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		border-radius: 24px;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 602px;
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 640px;
	}

	.global-validate .validate-content,
	.global-validate .validate-content .validate-title {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		background: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.global-validate .validate-content .validate-title {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		color: #111;
		font-size: 34px;
		font-weight: 500;
		height: 112px;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 30px;
		width: 100%;
	}

	.global-validate .validate-content .validate-title img {
		height: 32px;
		position: absolute;
		right: 32px;
		width: 32px;
	}

	.global-validate .validate-content ul li {
		margin-bottom: 32px;
		position: relative;
	}

	.global-validate .validate-content ul li input {
		background: #f5f6f9;
		border-radius: 44px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #999;
		font-size: 30px;
		height: 88px;
		padding-left: 40px;
		width: 560px;
	}

	.global-validate .validate-content ul li .del-icon {
		background: #a5a7b5;
		border-radius: 50%;
		color: #fff;
		display: none;
		font-size: 15px;
		height: 26px;
		line-height: 26px;
		position: absolute;
		text-align: center;
		width: 26px;
	}

	.global-validate .validate-content ul li .phone-del {
		right: 40px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.global-validate .validate-content ul li .validate-code {
		border-radius: 44px;
		height: 88px;
		position: relative;
		width: 560px;
	}

	.global-validate .validate-content ul li .validate-code .get-code {
		color: #999;
		font-size: 30px;
		line-height: 42px;
		position: absolute;
		right: 40px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.global-validate .validate-content ul li .validate-code .code-del {
		left: 56%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.global-validate .validate-content .validate-agreen {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #333;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 24px;
		margin-bottom: 58px;
		padding-left: 80px;
		width: 100%;
	}

	.global-validate .validate-content .validate-agreen .validate-check {
		border-radius: 8px;
		height: 28px;
		margin-right: 16px;
		width: 28px;
	}

	.global-validate .validate-content .validate-agreen .validate-info {
		color: #1261ff;
	}

	.global-validate .validate-content .validate-button {
		background: #d1d2dd;
		border-radius: 44px;
		color: #fff;
		font-size: 32px;
		font-weight: 500;
		height: 88px;
		line-height: 88px;
		text-align: center;
		width: 560px;
	}

	.hidenDiv {
		background-color: rgba(0, 0, 0, 0.75);
		left: 0;
		opacity: 1;
		position: absolute;
		top: 0;
		z-index: 997;
	}

	.hidenDiv,
	.hidenDiv .hidenImg {
		height: 100%;
		width: 100%;
	}

	.global-privacyPlicy {
		background: rgba(0, 0, 0, 0.9);
		height: 100%;
		position: absolute;
		width: 750px;
		z-index: 99999;
	}

	.global-privacyPlicy .privacyPlicy-content {
		background: #fff;
		border-radius: 24px;
		height: 1000px;
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 640px;
	}

	.global-privacyPlicy .privacyPlicy-content .content-auto {
		height: calc(100% - 115px);
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0 40px;
	}

	.global-privacyPlicy .privacyPlicy-content .content-auto a,
	.global-privacyPlicy .privacyPlicy-content .content-auto span {
		line-break: anywhere;
	}

	.global-privacyPlicy .privacyPlicy-content .content-auto::-webkit-scrollbar {
		width: 10px;
	}

	.global-privacyPlicy .privacyPlicy-content .content-auto::-webkit-scrollbar-thumb {
		background: #535353;
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	}

	.eqx_prompt_win {
		background-color: rgba(255, 84, 72, 0.9);
		font-size: 24px;
		height: 72px;
		left: 0;
		line-height: 72px;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 99999;
	}

	.eqx_prompt_win img {
		margin: 0 10px 0 30px;
		width: 28px;
	}

	.eqx_prompt_win img,
	.eqx_prompt_win span {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: middle;
	}

	.eqx_prompt_win span {
		color: #fff;
	}

	.eqx_prompt_block {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-align-items: center;
		align-items: center;
		background-color: rgba(0, 0, 0, 0.2);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 33px;
		font-weight: 400;
		height: 75px;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		left: 0;
		padding: 0 14px 0 38px;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 999;
	}

	.eqx_prompt_block .close {
		cursor: pointer;
		font-size: 47px;
	}

	.eqx_prompt_block .close:hover {
		color: #ff3232;
	}

	.eqx_prompt_pop {
		background-color: rgba(0, 0, 0, 0.8);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 99999;
	}

	.eqx_prompt_pop .eqx_prompt_pop_main {
		background: #fff;
		border-radius: 12px;
		height: 780px;
		left: 50%;
		margin-left: -325px;
		margin-top: -490px;
		position: absolute;
		top: 50%;
		width: 650px;
	}

	.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_title {
		font-size: 38px;
		line-height: 50px;
		margin-top: 76px;
		text-align: center;
	}

	.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_title img {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: middle;
		width: 40px;
	}

	.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_title span {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #333;
		display: inline-block;
		vertical-align: middle;
	}

	.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_code {
		height: 400px;
		margin: 70px auto;
		width: 400px;
	}

	.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_text {
		color: #666;
		font-size: 30px;
		font-weight: 400;
		text-align: center;
	}

	img {
		-webkit-user-select: none;
		-moz-user-select: none;
	}

	a:active,
	a:hover,
	a:link,
	a:visited {
		color: #1261ff;
		-webkit-text-decoration: none;
		text-decoration: none;
	}

	.main {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: 100%;
		margin: 0 auto;
		/* overflow:hidden; */
		position: relative;
		width: 100%;
	}

	.temp-app-use {
		background-color: #4eb3e6;
		border-radius: 50%;
		bottom: 42px;
		color: #fff !important;
		height: 48px;
		left: 50%;
		margin-left: -24px;
		position: absolute;
		text-align: center;
		width: 48px;
		z-index: 200;
	}

	.temp-app-use .temp-app-use-btn {
		height: 26px;
		line-height: 30px;
	}

	.loading {
		background: #48424f;
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	.loadbox {
		height: 70px;
		margin: 50% auto 0;
		position: relative;
	}

	.loadbg,
	.loadbox {
		display: block;
		width: 70px;
	}

	.loadbg {
		background-image: url();
		height: 42px;
		position: absolute;
		z-index: 1000;
	}

	.loading-logo {
		display: block;
		height: 118px;
		margin: 50% auto 0;
		position: relative;
		width: 118px;
	}

	.logo-image {
		width: 100%;
	}

	.loading-tip {
		bottom: 40px;
		color: #7986cb;
		display: none;
		font-size: 16px;
		left: 50%;
		margin-left: -100px;
		position: absolute;
		text-align: center;
		width: 200px;
		z-index: 9999;
	}

	.iframe-html {
		overflow: hidden;
	}

	.iframe-html body {
		background: transparent;
	}

	.iframe-html .phone_panel {
		left: 50%;
		margin-left: -160px;
	}

	.iframe-phone .nr {
		height: 486px;
		width: 320px;
	}

	.iframe_panel {
		background: #fff;
		border-right: 1px solid #ccd5db;
		height: 486px;
		position: fixed;
		right: 0;
		top: 0;
		width: 40px;
	}

	.iframe_panel .preview {
		height: 70px;
		margin-top: 173px;
		position: relative;
	}

	.iframe_panel .next {
		height: 73px;
		margin-bottom: 173px;
	}

	.iframe_panel .scroll_btn {
		color: #7b8893;
		display: block;
		height: 70px;
		line-height: 70px;
		text-align: center;
		width: 40px;
	}

	.iframe_panel .scroll_btn:hover {
		background-color: #f0f3f4;
		color: #7b8893;
	}

	.iframe_panel2 {
		background: #fff;
		height: 100%;
		position: fixed;
		right: 0;
		top: 0;
		width: 40px;
	}

	.iframe_panel2 ul {
		height: 200px;
		margin-top: -100px;
		position: relative;
		top: 50%;
	}

	.iframe_panel2 ul li {
		border: 1px solid #59c7f9;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #59c7f9;
		cursor: pointer;
		display: block;
		font-size: 14px;
		height: 80px;
		line-height: 32px;
		margin: 10px 0 10px 6px;
		text-align: center;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr;
		-webkit-writing-mode: vertical-lr;
	}

	.iframe_panel2 ul li:hover {
		background: #59c7f9;
		color: #fff;
	}

	.zoomIn-change {
		animation: zoomIn 0.5s ease 0s 1 both;
		-webkit-animation: zoomIn 0.5s ease 0s 1 both;
		-webkit-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
		transform-origin: 100% 0;
	}

	#code {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: column;
		-ms-flex-flow: column;
		flex-flow: column;
		float: right;
		height: 600px;
		-webkit-justify-content: center;
		justify-content: center;
		margin-left: 36px;
		width: 248px;
	}

	#code .code_panel {
		background-color: #fff;
		border-radius: 8px;
		-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		height: 292px;
		padding: 24px 20px 20px;
		width: 208px;
	}

	#code .code_panel .code_panel_top {
		color: #666;
		font-size: 14px;
		height: 20px;
		line-height: 20px;
	}

	#code .code_panel .code_panel_top .app #downApp {
		border: 1px solid #e6ebed;
		border-radius: 4px;
		cursor: pointer;
		float: right;
		height: 18px;
		padding: 0 6px;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}

	#code .code_panel .code_panel_top .app #downApp:hover {
		background-color: #00beff;
		border: 1px solid #00beff;
		color: #fff;
	}

	#code .code_panel .code_panel_top .app #downAppView {
		background-color: #fff;
		color: #666;
		display: none;
		margin-top: 25px;
		padding: 10px;
		position: absolute;
		right: 0;
		text-align: center;
		width: 228px;
	}

	#code .code_panel .code_panel_top .app #downAppView h3 {
		font-size: 14px;
		padding-bottom: 20px;
		text-align: left;
	}

	#code .code_panel .code_panel_top .app #downAppView h3 a {
		float: right;
	}

	#code .code_panel #codeImg {
		border: 1px solid #e6ebed;
		height: 176px;
		margin: 12px 0;
		padding: 16px;
		width: 176px;
	}

	#code .code_panel #codeImg canvas {
		height: 176px;
		width: 176px;
	}

	#code .code_panel #view_share {
		font-size: 0;
		text-align: center;
	}

	#code .code_panel #view_share .share-icon {
		border: 1px solid #e6ebed;
		border-radius: 3px;
		color: #959fb0;
		display: inline-block;
		font-size: 25px;
		height: 38px;
		line-height: 38px;
		text-align: center;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
		width: 62px;
	}

	#code .code_panel #view_share .share-icon.eqf-QQ:hover {
		background-color: #2c72ff;
		border: 1px solid #2c72ff;
		color: #fff;
	}

	#code .code_panel #view_share .share-icon.eqf-QQzone {
		margin: 0 8px;
	}

	#code .code_panel #view_share .share-icon.eqf-QQzone:hover {
		background-color: #ffb243;
		border: 1px solid #ffb243;
		color: #fff;
	}

	#code .code_panel #view_share .share-icon.eqf-weibo:hover {
		background-color: #ed2828;
		border: 1px solid #ed2828;
		color: #fff;
	}

	#code .btn_panel {
		background-color: #fff;
		border-radius: 8px;
		-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		display: block;
		margin-top: 12px;
		padding: 20px;
	}

	#code .btn_panel #view_reg {
		background-color: #1261ff;
		border-radius: 3px;
		color: #fff;
		font-size: 14px;
		height: 48px;
		line-height: 48px;
		text-align: center;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}

	#code .btn_panel #view_reg:hover {
		background-color: #2c72ff;
	}

	#code .btn_panel #view_reg span {
		padding-left: 5px;
	}

	#code .btn_panel .view_reg {
		background-color: #fff !important;
		border: 1px solid #1261ff !important;
		color: #1261ff !important;
		height: 46px !important;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}

	#code .btn_panel .view_reg a {
		color: #1261ff !important;
	}

	#code .btn_panel .view_reg:hover {
		background-color: #2c72ff !important;
		color: #fff !important;
	}

	#code .btn_panel .view_reg:hover a {
		color: #fff !important;
	}

	#code .btn_panel #advertisement_img {
		margin-top: 16px;
	}

	#code .btn_panel #advertisement_img img {
		height: 88px;
		width: 100%;
	}

	#code .btn_panel #sample_btn {
		background-color: #1261ff;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		margin-top: 16px;
		text-align: center;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}

	#code .btn_panel #sample_btn:hover {
		background-color: #2c72ff;
	}

	#code #down {
		bottom: 0;
		height: 600px;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 450px;
	}

	#support {
		background-color: #fff;
		border-radius: 10px;
		bottom: 20px;
		-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		font-size: 30px;
		opacity: 0.8;
		padding: 8px;
		position: fixed;
		right: 20px;
	}

	#support a {
		display: block;
		margin-top: 3px;
	}

	#support a img {
		border: 0;
	}

	body.pc {
		background-color: #f1ede5;
		background-size: cover;
		overflow: auto;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#view_panel {
		margin: -300px 0 0 -326px;
		min-width: 652px;
	}

	#view_panel,
	#vip_view_panel {
		height: 600px;
		left: 50%;
		position: fixed;
		top: 50%;
		overflow: auto;
	}

	#vip_view_panel {
		margin: -300px 0 0 -164px;
		width: 336px;
	}

	#recomment_container {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#recomment_container #recommend_btn {
		background-color: #ff296a;
		border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
		bottom: 0;
		color: #fff;
		display: inline-block;
		font-size: 14px;
		height: 76px;
		margin: auto;
		padding: 15px 10px;
		position: absolute;
		top: 0;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
		width: 20px;
	}

	#recomment_container #recommend_btn:hover {
		background-color: #fff;
		color: #111;
		cursor: pointer;
	}

	#recomment_container #recommend_content {
		background-color: #fff;
		border-bottom-right-radius: 8px;
		border-top-right-radius: 8px;
		-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		display: block;
		float: left;
	}

	#recomment_container #recommend_content ul {
		margin: 24px 17px 24px 16px;
	}

	#recomment_container #recommend_content ul li {
		margin-top: 12px;
	}

	#recomment_container #recommend_content ul li a {
		color: #666;
		cursor: pointer;
	}

	#recomment_container #recommend_content ul li a:hover {
		color: #00beff;
	}

	#recomment_container #recommend_content ul li a img {
		float: left;
		height: 80px;
		width: 80px;
	}

	#recomment_container #recommend_content ul li a span {
		border-bottom: 1px solid #e6ebed;
		display: inline-block;
		font-size: 14px;
		height: 80px;
		margin-left: 12px;
		white-space: normal;
		width: 132px;
		word-break: break-all;
	}

	.phone_panel {
		margin-top: -300px;
		position: fixed;
		top: 50%;
		overflow: auto;
	}

	.phoneBox {
		background-image: url(//www.eqxiu.com/gc/images/2290fbcc7084164b7c2c.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		float: Left;
		padding-top: 45px;
	}

	.phoneBox,
	.phoneBox.vip-phone {
		border-radius: 38px;
		height: 637px;
		width: 336px;
	}

	.phoneBox.vip-phone {
		background-image: url(//www.eqxiu.com/gc/images/22373cb5917e088473d9.svg);
	}

	.phone_con {
		height: 514px;
		margin-left: 4px;
		width: 320px;
	}

	.phoneBox .nr {
		zoom: 0.427;
		background-color: #222528;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;
		cursor: pointer;
		height: 100%;
		margin-left: 6px;
		overflow-x: hidden;
		overflow-y: hidden;
		position: relative;
		-webkit-user-select: none;
		width: 100%;
	}

	.phone_menubar {
		height: 20px;
	}

	.scene_title_baner {
		background: #222528;
		background: transparent;
		border-left: 4px solid #f6f6f6;
		border-right: 4px solid #f6f6f6;
		border: 0;
		color: #fff;
		display: block;
		height: 32px;
		line-height: 32px;
		margin-top: 10px;
		text-align: center;
	}

	.scene_title_baner .scene_title {
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		min-width: 20px;
		overflow: hidden;
		position: relative;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-webkit-transform: translateY(-1px);
		-ms-transform: translateY(-1px);
		transform: translateY(-1px);
		white-space: nowrap;
		width: 240px;
	}

	.scene_title_baner .scene_title:before {
		background-image: -webkit-gradient(linear,
				right top,
				left top,
				from(#000),
				to(transparent));
		background-image: -o-linear-gradient(right, #000, transparent);
		background-image: linear-gradient(270deg, #000, transparent);
		content: " ";
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
	}

	.scene_title_phone {
		border-left: 4px solid #f6f6f6;
		border-right: 4px solid #f6f6f6;
		height: 20px;
	}

	.ctrl_panel {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: column;
		-ms-flex-flow: column;
		flex-flow: column;
		float: left;
		height: 600px;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.ctrl_panel a {
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}

	.pre_btn {
		margin-bottom: 20px;
	}

	.next_btn,
	.pre_btn {
		display: block;
	}

	.btn_scroll {
		background: #f6f9fa;
		border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
		color: #3e4858;
		cursor: pointer;
		font-size: 14px;
		height: 76px;
		left: 50%;
		padding: 20px 8px 0;
		text-align: center;
		top: 47px;
		width: 24px;
	}

	.ctrl_panel a:hover {
		background-color: #08a1ef;
		color: #f6f9fa;
	}

	.onlyPhone {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin: -300px 0 0 -326px !important;
	}

	#vip_view_panel .vip-code-wrap {
		left: 100%;
		position: absolute;
		top: 84px;
		z-index: 100;
	}

	#vip_view_panel .vip-code-wrap:hover .vip-qr-code {
		display: block;
	}

	#vip_view_panel .vip-code-wrap .mini-code {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #fff;
		border-radius: 0 3px 3px 0;
		-webkit-box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.16);
		box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.16);
		color: #666;
		cursor: pointer;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 24px;
		height: 40px;
		-webkit-justify-content: center;
		justify-content: center;
		width: 40px;
	}

	#vip_view_panel .vip-code-wrap .mini-code:hover {
		color: #1261ff;
	}

	#vip_view_panel .vip-code-wrap .virtual {
		background-color: transparent;
		height: 40px;
		left: 40px;
		position: absolute;
		top: 0;
		width: 40px;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code {
		background-color: #fff;
		border-radius: 6px;
		-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		left: 54px;
		padding: 24px;
		position: absolute;
		top: 0;
		width: 204px;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code:before {
		border: 6px solid transparent;
		border-right-color: #fff;
		content: " ";
		left: -12px;
		position: absolute;
		top: 14px;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code p {
		color: #666;
		font-size: 14px;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code #codeImg {
		background-color: #eee;
		height: 156px;
		margin: 16px auto;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code #codeImg canvas {
		height: 100%;
		width: 100%;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item {
		background-repeat: no-repeat;
		background-size: 100% auto;
		cursor: pointer;
		height: 24px;
		width: 24px;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item:hover {
		opacity: 0.8;
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item.qq {
		background-image: url();
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item.wb {
		background-image: url();
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item.zone {
		background-image: url();
	}

	#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item.link {
		background-image: url();
	}

	.mini-code {
		position: fixed;
	}

	.active_mask li.active {
		color: #111 !important;
		font-family: Helvetica, PingFang SC, Arial, Verdana, Tahoma, sans-serif;
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 20px !important;
	}

	.atxt {
		max-height: 660px;
		overflow-y: auto;
	}

	ul li {
		list-style: none;
	}

	ul {
		margin: 0;
		padding: 0;
	}

	.drawerClass /deep/ .el-drawer {
		height: 50% !important;
	}

	.ulpd {
		padding-left: 20px;
		padding-right: 20px;
		overflow: hidden;
	}
</style>